.cover-container {
  max-width: 42em;
}
body {
  height: 100vh;
  background-color: #333;
  color: #353535;
}

.cover {
  background-image: url("../images/4U4A3326.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

a, a:hover, a:link, a:visited {
  text-decoration: none;
  color: #353535;
  cursor: pointer;
}

ul {
  list-style-type: none
}

li {
  font-family: "Merienda";
  font-size: 2vw;
  color: #353535;
}

li a, li a:hover, li a:link, li a:visited {
  text-decoration: none;
  cursor: pointer;
}

li {
  padding-top: 13px;
  padding-bottom: 13px;
}

.icon {
  height: 75px;
}

.btn {
font-size: 2rem;
border-color: grey;
}

.desktop-menu{
  display: block;
  margin-top: 10vh;
}

.mobile-menu{
  display: none;
}

.language {
  height: 55px;
  position:absolute;
  top:60px;
  left:60px;
}

@media only screen and  (max-width: 1050px) {
  .cover {
    background-image: url("../images/4U4A3326_mobile.jpg");
    background-size: cover;
  }

  .btn {
    font-size: 1rem;
  }

  .desktop-menu {
    display: none;
  }

  .mobile-menu {
    display: block;
    background-color: rgba(51, 51, 51, 0.6);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 14px;
    padding-right: 10%;
  }

  li a, li a:hover, li a:link, li a:visited {
  text-decoration: none;
  color: #000;
  }

  li {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 5.5vw;
  color: #000;
  text-shadow: -1px -1px 0 #555, 1px -1px 0 #555, -1px 1px 0 #555, 1px 1px 0 #555;
  }

  .icon {
    height: 14vw;
  }

  .language {
    height: 45px;
    top:5px;
    left:5px;
  }
}