html,body {
    margin:auto;
   overflow-x:hidden;
    width:100%;
   
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

/* ########## CUSTOM CLASSES START ############*/
.image-container-header {
  position: relative;
  display: inline-block;
}

.image-container-aboutus {
  position: relative;
  display: inline-block;
}

.image-container-services {
  position: relative;
  display: inline-block;
}

.image-container-gallery {
  position: relative;
  display: inline-block;
}

.image-container-footer {
  position: relative;
  display: inline-block;
}

.services-p1{

font-size:70px; 
font-weight:800; 
color:white;

}



.services-p2{

font-size:70px; 
font-weight:800; 
color:black; 
padding-top:111px;

}


.flex-container {
  display: flex;
  flex-direction: row;
  font-size:20px;
  text-align: center;
}

.flex-item-left {
 background-color:#f8a602;
  padding: 10px;
  flex: 100%;
	text-align: left;
}

.flex-item-right {
 background-color:#f8a602;
  padding: 10px;
  flex: 50%;
	text-align: right;
}

.custom-button {
     padding: 2% 9%;
    
    border: solid 2px #f8a602;
    background-color: #f8a602;
    color: black;
    font-size: 22px;
    border-radius:15px;
    
}

.custom-button2 {
    padding: 2% 9%;
    
    border: solid 2px #f8a602;
    background-color: #f8a602;
    color: black;
    font-size: 22px;
    border-radius:15px;
    
}



  



.overlay-text-big {
  position: absolute;
  top: 70%;
  left:11%; 
 
   font-size:75px;
  color: #fff; 
 line-height: 0.9;
 z-index: 0;
 line-height:0.9;

  }

  .overlay-text {
  position: absolute;
  top: 9%;

  }
  
  
  
  .services-spacing{
  
  margin-left:230px;
  
  }
  
  .gallery-spacing{
  
   margin-left:230px;
  
  }

  .overlay-text-footer {
  position: absolute;
 top: 25%;
 margin-left:500px;
  }

  .nav-footer{
 
  color:white; 
 font-size:25px;
  font-weight:600;
 
  
  }
  
    

    .header-small-text{

    color:#f8a602; 
    font-size:25px; 
    font-weight:600;

    }

    .header-large-text{

    font-size:80px; 
    font-weight:800; 
    color:white; 
    padding-bottom:10px;

    }
    
    .about-us-image{
    
    padding:0.001px;
    
    }
  
    .services-image{

  height:1000px;

  }

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
	.flex-item-left {text-align: center;}
	.flex-item-right {text-align: center;}

    .header-border{border-bottom:1px solid black;}

    .overlay-text-big {
        position: absolute;
        top: 70%;
        left: 10%;
        font-size: 50px;
        color: #fff;
        line-height: 0.9;
        z-index: 0;
        line-height: 0.9;
    }

    .custom-button {
        padding: 1% 7%;
        border: solid 2px #f8a602;
        background-color: #f8a602;
        color: black;
        font-size: 22px;
        border-radius: 15px;
    }

.about-us-spacing{
  
 margin-left:5px;
 text-align:center;
  
  }
  
  .services-spacing{
  
margin-left:0.1px;
margin-bottom:200px;

  
  }
  
  .services-p2{

font-size:70px; 
font-weight:800; 
color:black; 
padding-top:0.1px;

}

.overlay-text {
  position: absolute;
  top: 2%;

  }

  
  .gallery-spacing{
  
  margin-left:0.1px;
  text-align:center;
  
  }
  

  .services-image{

  height:2200px;

  }

  .gallery1{

  padding-bottom:20px;

  }
  .gallery2{

    padding-bottom:20px;

  }
  .gallery3{

    padding-bottom:20px;

  }




.about-us-image{

height:200px;
   
}

 

  

}