@media screen and (max-width:576px){
    section:nth-of-type(3)>h2  ,
    section:nth-of-type(4)>h2 ,
    section:nth-of-type(6)>h2 {
        font-size: 2em;
    }

section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>span{
    margin-top:50px!important;
    font-size: 2em;
 
} 
    }


    /* small mobile */
    @media screen and (min-width:577px){
          
    }

    /* big mobile */
    @media screen and (min-width:768px){

        header>.background-png>div>h3{
            letter-spacing: 35px;
         
            }

        header>.background-png>div>h1{
            font-size: 10em;   
            margin-top:0!important;
            }

            header>.background-png>div>div {
                width:30%;
            }
            section:nth-of-type(1)>div>div:nth-of-type(1)>div>div{

                width: 90%;
            }
            section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>h2{
                font-size: 2.5em;
            }
            section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>p{
                font-size:1em;
            }
         
            section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>h2::before {
             
                display:block;
            }
            section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>div:nth-of-type(1)>a {
              
                display:flex;
            }
            section:nth-of-type(3)>div>figure {
                width: 35%;
                height: 75%; 
            
            }
            section:nth-of-type(4)>h2::before {
           
                display:block;
            }
            section:nth-of-type(5)>div>div>div:nth-of-type(1) >figure,
            section:nth-of-type(5)>div>div>div:nth-of-type(3)>figure{
            
                width:90%;
                height: 80%;
                padding: 50px 0!important;
            }
            
            section:nth-of-type(5)>div>div>div:nth-of-type(2)>div>span{
                font-size:4em;
            
               
            } 
            
            section:nth-of-type(4)>h2{
                font-size: 2.7em;
            }

            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>figure,  
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>figure, 
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>figure ,
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>figure,  
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>figure, 
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>figure
            {
  
        width:100%;
     
        
            }

            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>p,  
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>p, 
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>p ,
            
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>p,  
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>p, 
            section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>p{
    width: 100%;
            }

      
            section:nth-of-type(6)>div:nth-of-type(2)>div>div>figure>figcaption{
                font-size:1.7em;
    
    }

    footer>div>div:nth-of-type(1){
        padding: 40px 20px!important;
        
            }

            footer>div>div {
                height:50vh;
            
            }
            footer>div>div:nth-of-type(2)>h3 {
                margin-top:0!important;
            }
            
            footer>div>div:nth-of-type(2)>ul {
               margin-top:0!important;
            }
         

}


    /* tablet */
    @media screen and (min-width:992px){
        header>nav>ul{
            display: flex!important;
        }
        header>nav>span{
            width: 70px;
            justify-content: center;
        }

        header>div:nth-of-type(3)>h3{
          
            font-size:5.5em;
        }
        header>div:nth-of-type(3)>form>input{

            font-size: 2em;
        }
    
        section:nth-of-type(1)>div>div:nth-of-type(1)>div>div>h2{
            font-size: 2em;
        }

        section:nth-of-type(2)>h2{
            width: 40%;
            font-size:2.7em;
        }

    
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>figure,  
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>figure, 
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>figure ,
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>figure,  
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>figure, 
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>figure
        {

    width:70%;
 
    
        }

        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(1)>p,  
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(2)>p, 
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(1)>div:nth-of-type(3)>p ,
        
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(1)>p,  
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(2)>p, 
        section:nth-of-type(4)>div:nth-of-type(1)>.parent-div>div>div:nth-of-type(3)>div:nth-of-type(3)>p{

            width:85%;
        }

        section:nth-of-type(6)>div:nth-of-type(2)>div>div>form{
            margin-top: 0px!important;
    
        }

        section:nth-of-type(6)>div:nth-of-type(2)>div>div>form>div>input:nth-of-type(1){

            width: 100%;
       }
       section:nth-of-type(6)>div:nth-of-type(2)>div>div>form>div>input:nth-of-type(2){
             width:35%; 
           height: 100%;
           position: absolute;
           top:-20px;
           right: 0;
           font-size: 0.7em;

       }
   
       footer>div>div:nth-of-type(2){
        align-items: center;
    }

    }




    /* desktop */
    @media screen and (min-width:1200px){
        header>nav>div{
            display: flex;
        }

     

        header>nav>figure{
            justify-content: center;
        }
     

      
    }
    /* x-large */