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

h1,h2{
    font-family: 'Muli', sans-serif;
    color: #484848;
    margin: 10px;
}


div.container{
    background: rgba(255, 255, 255, 0.85);
    position: fixed;
    top: 22%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    padding: 2% 1%;
}


img.logo{
    width: 75%;
    max-width: 300px;
    text-align: center;
}

img.flag {
    opacity: 0.9;
    margin: 0 3px;
}

img.flag:hover {
    opacity: 1;
}

@media screen and (max-width: 700px) {

  
  div.container{
      width: 90%;
  }
}