@font-face {
        font-family: Montserrat;
        src: url(../font/Montserrat-Regular.ttf);
    }

    * {
        /*margin: 0;*/
		
        padding: 0;
        box-sizing: border-box;
        font-family: Montserrat;
       
    }
	body
	{
		margin: auto 0;
        
        display: flex;
        position: relative;        
        justify-content: center;
       
	}

    h1{

        font-family: Montserrat;
        font-size: 2.5rem;
        font-weight: 100;

    }

   h3{

        font-family: Montserrat;
        font-size: 1.75rem;
        font-weight: normal;

    }
    h4{

        font-family: Montserrat;
        font-size: 1.35rem;
        font-weight: bold;

    }

    h5{

        font-family: Montserrat;
        font-size: 1.1rem;
        font-weight: normal;

    }
    .container{

        width: 80%;
        display:flex;
        flex-wrap: wrap;
        position: relative;
        justify-content: center;        
        background-color: rgb(255, 255, 255);
    }
    .menu{
        
        width: 80%;
       /* height: 4em;*/
        display: flex;  
        align-items: center;       
        z-index: 1;
        top:0;
        position: fixed;
        background-color: rgb(255, 255, 255);
        
    }

    .menu > div a {

      color: black;
      text-decoration: none;
      font-family: Montserrat;  
      font-size: 14px;        
    }
    .menu > div a:hover {

        font-weight: bold;
        color: rgb(39, 92, 152,1);

    }

    .menu > div{
        width: 100%;
        display: flex; 
        padding: 0.5em;             
        justify-content:space-around;

    }

    .menu > div.lvl_1{

       
        display: flex;
        position: relative;
        flex-direction: column;
       
    }
    .menu div.lvl_1:hover  div.lvl_2{

        display: flex;
       
      

    }
    
    .menu div.lvl_1 div.lvl_2{
       
        display: none;
        position: absolute;
        flex-direction: column;
       
        background-color: rgb(255, 255, 255,0.8);
    
        top: 2em;
        left:0px;      
        width: 100%;       
        padding: 0.5em 0em 0.5em 0em;
        
    }

    .menu div.lvl_1 div.lvl_2 >div {

        padding: 0.5em;       
        border-bottom: 1px solid rgba(161, 158, 158, 0.8);
     }

     .menu div.lvl_1 div.lvl_2 >div:last-child {

        padding: 0.5em;
        border-bottom: 0px solid rgba(161, 158, 158, 0.8);
    
     }

     
    .menu div.lvl_1 div.lvl_2 >div:hover {

       background-color: rgb(255, 255, 255);

      }


    #logo{

        width:8em;       

    }

    #contact{

        width:1em;       
    }

    #whatsapp{

        width:1.5em;     
    }

    #flag{

        width:2em;     
    }

    .menu_mobile{

        display: none;


    }
    .categories{

        width: 80%;        
        padding: 1em;
        display: flex;  
        align-items: center;      
        justify-content: space-between;
      

    }
    .categories > div a {

        color: black;
        font-size: 14px;  
        text-decoration: none;
        font-family: Montserrat;  
        
      }

      .categories > div{
        width: 12em;
        height: 12em;
        padding: 2em;
        color: antiquewhite;
        
        display: flex; 
        padding: 0.5em;         
        text-align: center;
        border-radius: 50%;
        align-items: center; 
        flex-direction: column;
        font-family: monsterrat;              
        justify-content:space-around;
        
      
        background-color: rgb(39, 92, 152, 1);
    }


    .categories > div img.icons{

        width:2em;
    }

    .categories > div h5{

        margin:0px;
        
    }

    .categories > div button{

        padding:0.5em;
        border: none;
        background-color: rgb(250, 235, 215,1);
        border-radius: 0.2em;
    }



    .other_services{

        width: 100%;        
        padding: 1em;
        display: flex;  
       
        justify-content: space-between;
        background-color: rgb(246, 247, 245);

    }
    .other_services > div a {

        color: black;
        font-size: 14px;  
        text-decoration: none;
        font-family: Montserrat;  
        
      }

      .other_services > div{
        width: 19em;       
        padding: 2em;
        display: flex; 
        padding: 0.5em;                 
        font-size: 0.8em;            
        text-align: center;
        flex-direction: column;   
       
    }

    .other_services > div.services_text{  
         text-align: left;
         line-height: 2em;
         color: rgb(132, 132, 134);

    }
    
    .other_services > div.line{      
        width:1px;
        height:80%;;
        border-left: 1px solid rgb(189, 185, 185);
        
    }
    .other_services > div.line:nth-last-child(1){      
        width:1px;
        border-left: 1px solid  rgb(246, 247, 245);
        
    }

    .other_services > div.line:nth-child(1){      
        width:1px;
        border-left: 1px solid  rgb(246, 247, 245);
        
    }


    .single_column{

       
        width: 100%;
        padding: 2em; 
        display: flex;               
        font-size: 12px;            
        text-align: center;  
        line-height: 2.5em;        
        align-content: center;
        font-family: Montserrat;         
        justify-content: center;
        color: rgb(96, 96, 97);
        
    }

    .single_column >div{

        width: 75%;
        
    }

    .testimonials{

        background-color: rgb(255, 255, 255); 
    }

    #social_contact, #social_whatsapp, #social_flag{

        width: 20%;
    }
   

    

    .banner{

        z-index: 0;
        border: 0px;
        width: 100%;
        height: 350px;  
        margin-top: 5em;
        padding-top: 2em; 
        padding-left: 12em;         
        padding-bottom: 2em;        
             
        background: url("../images/banner.png") ;
    }
    .welcome{
        width:20em;       
        color:white;
        padding:1em;
        font-family: Montserrat;        
        border:thin solid white;
        background-color: rgba(0, 0, 0, 0.2);
    }

    
    .heading{

        width: 75em;
    }
    .resize_uwi{

        width:95%;
        border-radius: 20px;
    }
    .main_txt{

        width: 100%;               
        display: flex;  
        flex-direction: row;
        justify-content: space-between;
        background-color: rgb(246, 247, 245);

    }
    .about_us{

        width: 100%;        
        padding: 2em;
        display: flex;  
        flex-direction: row;
        justify-content: space-between;
        background-color: rgb(246, 247, 245);

    }
    .about_us > div h1
        {
            padding: 1em;
            width: 7em;
        }

    .about_us > div.services_text{  
        text-align: left;
        line-height: 2em;
        padding: 2em;
        color: rgb(132, 132, 134);

   }

   .txt_bk{

    background-color: rgb(255, 255, 255);
   }
   
   .about_us > div.line{      
       width:1px;
       height:80%;
       margin-top: 2em;
       border-left: 1px solid rgb(189, 185, 185);
       
   }

.adjustment_space{

    padding: 0px;
}


  
    /*********************FOOTER *********************/

    .footerContainer {
       
        width:100%;
        height: 4em;
        bottom: 0px;

        display: flex;
        color: white;
           
     
        align-content: center;
        justify-content: center;
        background-repeat: no-repeat;    
        background-position: 90% 0;  
        background-color: rgba(0,52,89,1);
   
    }


  .footer{
    width: 100%;
    display: flex;
    padding: 0.5em;
    font-size: 10px;
    flex-direction: column;
   
  }  


  .footer_logo{

    width: 100%;
    height: 100%;
    
    background-size:8%;
    background-repeat: no-repeat;
    background-position: center;
    
    background-image: url(../images/logo_footer.png);
  }
  .services{

     width: 33%;
     display: flex;
     flex-direction: column;
     justify-content: center;   
     align-items: center;  
   

  }

  .miscellaneous{

 
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;   
    align-items: center;  
   

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

       .container{

        width: 100%;
       }
        .menu{

            display: none;
        }
        

        .menu_mobile{

            width: 100%;
            display: flex;          
            flex-direction: column;
            justify-content: center;
            
            align-content: center;
            
        }
        .menu_mobile >div{
           
           
            display: flex;   
            padding: 1em;
            align-content: center;
            justify-content: center;
            border-bottom: thin solid lightgray;

        }
        .about_us{
            flex-direction: column;

        }
        .about_us > div h1 {

            padding: 0px;
            padding-left: 1em;
        }
        .about_us > div.line {

            display:none;

        }

        .about_us > div.services_text {

            padding: 0px;
            padding-left: 2em;

        }

        #social_media{
            width: 100%;
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: space-between;           
         
        }

        .menu_mobile > div:hover{

            font-weight: bold;
            background-color: rgb(196, 213, 231);

        }
        .menu_mobile > div a {

            color: black;
            text-decoration: none;
            font-family: Montserrat;  
            font-size: 14px;        
          }
          .banner {
      
            display: none;
      
          }

          
        .menu_mobile > div.mobile_lvl_1{

        
            display: flex;                 
            flex-direction: column;
            background-color: lightblue;
        
        }
        .mmenu_mobileenu div.lvl_1:hover  div.lvl_2{

            display: flex;

        }
        
        .menu_mobile div.lvl_1 div.lvl_2{
        
           /* display: none;*/
           
        
           
            width: 100%;       
            padding: 0.5em 0em 0.5em 0em;
            background-color: rgb(255, 255, 255,0.8);
            
        }

        .menu_mobile div.lvl_1 div.lvl_2 >div {

            padding: 0.5em;       
            border-bottom: 1px solid rgba(161, 158, 158, 0.8);
        }

        .menu_mobile div.lvl_1 div.lvl_2 >div:last-child {

            padding: 0.5em;
            border-bottom: 0px solid rgba(161, 158, 158, 0.8);
        
        }

        
        .menu_mobile div.lvl_1 div.lvl_2 >div:hover {

                 background-color: rgb(255, 255, 255);

        }


        .categories{

        width: 100%;
        display: flex;
        padding: 0px;
        flex-direction: column;

        }

        .categories > div {
        width: 100%;   
        height: 10em;         
        
        border-radius: 0px;
        border: thin solid white;


        }
        .other_services {

        flex-direction: column;
        }
        .other_services > div.line {

            display: none;
        }
        .other_services > div.services_text {

            width: 100%;

        }

        .single_column >div {

            width: 90%; 
        }

        .footer_logo {
            width: 53%;
            background-size: 60%;
            background-position: left;

        }
    }