body { font-family: 'Proxima Nova Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.85em; 
background: linear-gradient(to bottom, #d8e4fd, #e4edfa, #FFFFFF);  }

#minsize { position: absolute; top: -99999px; left: -99999px; width: 850px; height: 1px; }

#content-rappel { position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 10px 0; 
background: #18233a; z-index: 100; }
#rappel { position: relative; width: 830px; margin: 0 auto; padding: 5px 0 5px 120px; text-align: center; color: #FFFFFF; font-size: 1.2em; z-index: 100; 
background: url('img/visit-rwanda-negative.svg') 120px center no-repeat; background-size: contain; }
#rappel span { font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.1em; }
#rappel strong { font-family: 'Proxima Nova Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#rappel a#compte, #rappel a#deconnexion { display: inline-block; width: auto; padding: 5px 10px; text-align: center; border-radius: 30px; text-decoration: none;
font-size: 0.65em; letter-spacing: 0.1em; text-transform: uppercase; font-family: 'Proxima Nova Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#rappel a#compte { color: #18233a; background: #a6bce5; border: 1px solid #a6bce5; }
#rappel a#compte:hover { color: #18233a; background: #FFFFFF; border: 1px solid #FFFFFF; }
#rappel a#deconnexion { color: #FFFFFF; background: #4c74cb; border: 1px solid #4c74cb; }
#rappel a#deconnexion:hover { color: #18233a; background: #FFFFFF; border: 1px solid #FFFFFF; }

h1 { padding: 100px 0 40px 0; text-align: center; font-size: 3.2em; letter-spacing: 0; color: #18233a;
font-family: 'Proxima Nova Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
h1 strong { font-family: 'Proxima Nova Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; }
h1 span { font-size: 0.5em; font-family: 'Proxima Nova Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/* MENU */
#content-menu { position: fixed; top: 40px; left: 0; width: 100%; background: #FFFFFF; padding: 25px 0 15px 0; 
font-family: 'Proxima Nova Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; z-index: 90; }
#menu { display: flex; justify-content: center; text-align: center; padding: 0; }
.menu-item { position: relative; margin: 0 20px; }
.menu-item strong { font-family: 'Proxima Nova Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; font-weight: normal;
text-transform: uppercase; letter-spacing: 0.1em; }
.menu-item a.item { display: block; padding: 10px 20px; text-decoration: none; color: #526895; font-size: 1.2em; 
border-radius: 30px; background: #FFFFFF; border: 1px solid #526895; transition: background-color 1s; }
.menu-item a.item:hover { color: #18233a; background: #b9d0fc; border: 1px solid #b9d0fc; transition: background-color 1s; }

#menu-item1 { padding: 0 0 0 65px; background: url('img/kigali.svg') 0 0 no-repeat; background-size: contain; }
#menu-item1:hover { background: url('img/kigali-2.svg') 0 0 no-repeat; transition: background 1s;  }
#menu-item2 { padding: 0 0 0 40px; background: url('img/djembe-3.svg') 0 0 no-repeat; background-size: contain; }
#menu-item2:hover { background: url('img/djembe-4.svg') 0 0 no-repeat; }
#menu-item1:hover a.item, #menu-item2:hover a.item { color: #18233a; background: #b9d0fc; border: 1px solid #b9d0fc; transition: background-color 1s; }

#footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 0; text-align: center; font-size: 0.9em; color: #FFFFFF; 
text-transform: uppercase; letter-spacing: 0.2em; background: #18233a; }