html {
  background: url(/Images/fond.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#title {
    font-family: 'Lobster', sans-serif;
    position: fixed;
    color: #333;
    font-size: 4vw;
    z-index: 999;
    text-align:center;
    text-shadow: 1px 1px 2px white, 0 0 2em white, 0 0 0.4em white;
    opacity: 1;
    top: 50%;
    left: 50%;
}

#title:hover {
    cursor: pointer;
}

#enterthe {
  text-align: left;
  margin-left: -3vw;
  opacity: 0;
}

#nakedglaciers {
  opacity: 0;
}

.menu
{
    font-family: 'Dancing Script', cursive;
    position: fixed;
    color: #FFF;
    font-size: 14pt;
    float: left;
    top: 0;
    left: 0;
    z-index: 999;
    text-align:left;
    padding: 0;
    margin-left: 2vw  !important;
    margin-top: 2vw !important;
    margin-bottom: 0 !important;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

.menu ul {
    margin-top: 0;
    margin-bottom: 0;
}

.menuItem {
  display: none;
}

.menuShortcut {
  opacity: 0.5;
  cursor: pointer;
}

.menuItem:hover {
    font-size: 18pt;
    cursor: pointer;
}

.social-icons {
   position: absolute;
   bottom: 0;
   color: black;
   font-size: 1vw;
   margin-left:1vw;
   margin-bottom: 1vh;
   opacity: 0;
}

.social-icon {
  color: #333;
  font-size: 2vw;
  z-index: 999;
  text-align:center;
  text-shadow: 1px 1px 2px white, 0 0 2em white, 0 0 0.4em white;
}

.social-icon:hover {
  opacity:0.7;
}

#byAF {
  font-family: 'Dancing Script', cursive;
  position: absolute;
  bottom:0;
  right:0;
  font-size: 2.5 vw;
  color: white;
  margin: 0 1vw 1vh 0 !important;
}

#byAF:hover{
  cursor:pointer;
}