* {
    font-family: 'Montserrat', sans-serif;
}

html{
  height: 100%;
}

#header a{
    width: 10%;
}

#header img{
    width: 100%;
}

.circle-resp{
    width: 350px;
    height: 350px;
}

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

    .circle-resp{
        width: 200px !important;
        height: 200px !important;
    }

    .difference-resp input{
        font-size: 1em !important;
        width: 100% !important;
    }

    .informations-resp{
        width: 120% !important;
    }

}

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

    html{
      height: auto !important;
    }

    .circle-resp{
        margin-bottom: 35%;
    }

    #translate-flags{
        top: -25px !important;
    }

    #container{
        padding-bottom: 100px;
    }

}