/* Big tablets to 1200px (widths smaller than the 1140px row) */
@media only screen and (max-width: 1200px) {

    .header__main{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    
    .main__nav{width: 90%;}
    
    .aboutus{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    
    .form{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    
    .font__sec{font-size: 200%;}
    
}


/* Small tablets to big tablets from 768px to 1023px */
@media only screen and (max-width: 1023px) {
    
    .main__nav{width: 90%;}
    
    .font__main{font-size: 50%;}
    
    .font__sec{font-size: 150%;}
    
    .section__statistics h1{font-size: 60px;}

    .section__statistics p{font-size: 18px;}
    
}


/* Small phones to small tablets from 481px to 767px */
@media only screen and (max-width: 767px) {
    
    .font__sec{font-size: 60%;}
    
    .header__icon{font-size: 40px;}
    
    .section__statistics h1{font-size: 40px;}
    
    .section__statistics p{font-size: 13px;}
    
    .nav__btn:link,
    .nav__btn:visited{font-size: 60%;}
    
    .nav__img{width: 50px;}
    
    label{font-size: 80%;}
    
    input[type=text],
    input[type=email],
    select{
        width: 60%;
        font-size: 60%;
    }
    
    textarea{
        width: 60%;
        font-size: 60%;
    }
    
    .footer__description {font-size: 80%;}
    
    .footer__copyright {font-size: 80%;}
    
    .gallery{
        height: 250px;
    }
    
    .aboutus{
        height: 250px;
        margin-top: 0;
    }
    


/* Small phones from 0 to 480px */
@media only screen and (max-width: 480px) {
    
    .font__sec{font-size: 60%;}
    
    .section__statistics h1{font-size: 20px;}
    
    .section__statistics p{font-size: 10px;}
    
    .nav__list{
        display: none;
    }
    
    .nav__btn{
        margin: auto;
        margin-bottom: 10%;
    }
    
    .nav__btn:first-child{margin-top: 10%;}
    
    .nav__img{width: 40px;}
    
    .aboutus{height: 200px;}
    
    .aboutus__maindescription{
        font-size: 50%;
        margin: none;
    }
    
    .aboutus__description{
        margin-left: none;
        width: 100%;
    }
    
    .form{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    
    input[type=text],
    input[type=email]{
        height: 20px;
    }
    
    select{
        height: 20px;
        background-color: white;
    }
    
    textarea{height: 50px;}
    
    label{font-size: 60%;}
        
}