@media (max-width: 1300px) {}

@media (max-width: 1120px) {}

@media (min-width:800) and (max-width: 1199px)   {
   .overlay{
        height: 45vh;
        display: flex;
        
        

    }
    .container-2{
        margin-left:0; 
       
    }
  
    .home-logo{
        width: 8em; 
        padding-top: .2em;
        
    }
    .home-text{
        margin: 0;
        width: 40%; 
        text-align: center;
        
    }
    .work{
        height: 100vh;
    }
    .card-columns{
        display: flex;
    }
    .card{
        width: 15em;
        margin: 1em;
    
    }
  
    #about-row{
        display: flex;
        padding-top: 6em;
       
    }
   .contact{
    height: 60vh;
   }
   footer{
    height: 90vh;
   }

} 

@media (max-width: 767px) {


}

@media (max-width: 576px) {}

@media (max-width: 480px) {}

@media (max-width: 400px) {}

@media (max-width: 360px) {}

@media (min-width: 1200px) {
    
    .homepage-moto{
        font-size: 1.5em;
        text-align: justify;
        width: 50%;
        margin:auto;

    }
    .ads{
        width: 25%;
        height: 600px;
        top:5%;
        margin: auto;
        
    }
    .ads-container{
       height: 600px;
    }
    
   
    .call{
        position: fixed; top:1em; right:50px;

        
    }
 

    .container-services{
        
        height: 20vh;
        display: flex;
        
       
        /*border-style: solid;*/
       

    }
    .container-services>.row{
        width: 100vw;
        
    }
   
   
    .card-2{
        height: 160px;
        border: none;
        border-radius: .2em;
        margin: .5em;
        overflow: hidden;
        
    }
   
    .card-title{
        text-align: center;
    }
    .card-2>img{
        height: 3rem;
    }
    .overlay-services{
        width: 100vw;
        height: 50vh;
        margin-top: 2em;
        padding: 2em;
        display:block;
    }
    .service-item{
        
        font-size: 1.5em;
        text-align: justify;
    }
    .service-img{
        width: 15em;
        margin-left:.5em;
    }


    .container {
        max-width: 1170px;
        display: flex;
        justify-content: space-between;
    }

   
    .card img{
       width: 300px;
       height: auto;
        
    }
    #about-row{
        padding-top: 8em;
    }
    .card-columns{
       
        display: flex;
        padding: 2em;
       
    
       
        
    }
    .card{
        
    
        padding: 1em;
        margin: 1em;
        
        

    }
    h5{
        width: 100%;
        text-align: center;
       
    }
    .images{
        display: none;

    }
    .col-md-12{
        
        font-size: 1.5em;
        
    }
    #goal{
        display: block;
    }
    .map{
        display: block;
    }
    footer{
       
        height: 50vh;
        padding-top: 01em;
    }
    footer>.container{
        display: block;

    }
    .contact-box{
        width:100%;
    }
    .line{
        border-bottom: .2em solid white;
        width: 150px;
        height: 0px;
        margin-left: 2em;
        margin-right: 2em;
      }
 
    .item{
       
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: space-between;
       

        
    }
    .item>p{
        line-height: 2em;
    }
    .item>.box{
        width: 100%;
        text-align: center;
    }
    i{
        margin: 1em;
    }
    .copyright{
        width: 100%;
        text-align: center;
    }
   

}