body{
  background-color:white;
}

.hero-container{
  background-color: #7ACAE5;
}

div.hero{
  background-color: #7ACAE5;
}

nav ul#ul-nav li a{
  color:white;
}

.logo{
	color:white;
}

.construction-title-container{
    margin-top: 8rem;
    margin-right: -58.3%;
    padding-right: 0;
    margin-bottom: 7rem;
	color: white;

  }

div.integrated-project-management-container {
    display: flex; 
	flex-direction:column;
    justify-content: center;  
    align-items: center;      
}

  
  .construction-title-container a{
    text-decoration: none;
    color: white;
  }
.first-construction-benefits-container{
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.first-construction-benefits{
    margin-top: 5rem;
    margin-right: 15%;
    margin-left: 14%;
    
}

.project-contracting-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-right: 10%;
    margin-bottom: 5rem;
}

.program-benefits{
    margin-top: 7rem;
    margin-right: 20%;
    margin-left:20%;
}

.construction-benefits-container h2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.construction-benefits{
    margin-right: 20%;
    margin-left: 20%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.construction-features-main-container{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	margin-right:10%;
}
.first-construction-benefits-container{
	display: grid;
    grid-template-columns: 1fr 1fr !important;
	gap:7%;
	margin-bottom:-15rem;
	
	
}
div.construction-image-container{
	margin-top:4rem;

}
div.construction-image-container img{
	margin-top:4rem;
	width:99%;
	height:50%;
}
div.embed-responsive{
display:flex;
justify-content:center;
align-items:center;
margin-top:3rem;"
	
}


@media(max-width:750px){
    .construction-title-container{
        margin-right: 8.5%;
        margin-top:3rem ;
        margin-bottom:3rem ;
    }
	div.integrated-project-management-container{
		display:block;
		margin-top:3rem;
	}
    .first-construction-benefits-container{
        display: grid;
        grid-template-columns: 1fr !important;
        margin-top: 0;
    }
    .project-contracting-container{
        display: grid;
        grid-template-columns: 1fr;
		margin-right:5%;
    } 
	.first-construction-benefits{
		margin-top:2rem;
		margin-right:5%;
		margin-left:0 !important;
	}
    .construction-benefits{
        margin-right: 5%;
        margin-left: 10%;
        display: grid;
        grid-template-columns: 1fr;
    }
	div.construction-image-container{
		width:90%;
		margin-bottom:5rem;
		margin-top:0;
		
	}
	div.construction-image-container img{
	margin-top:0;
	margin-right:5%;
	height:60%;
		
}
	p.program-solution{
		margin-right:5%;
	}
	.construction-features-main-container{
		display:grid;
		grid-template-columns:1fr;
		margin-right:5%;
		
	}
	.program-benefits{
		margin-right:5%;
		margin-left:5%;
		font-size:24px;
	}
	p.text-center{
		margin-right:5%;
	}
	div.embed-responsive{
		display:block;
		margin-right:5%;

		
	}
	iframe.embed-responsive-item{
		
	width:95%;
	}
	
}

/* Tablet styles */
@media(min-width:768px) and (max-width:1024px){
.first-construction-benefits-container {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    gap: 7%;
    margin-bottom: -3rem;
}
p.program-solution{
	margin-right:5%;
}
.project-contracting-container {
    display: grid;
    grid-template-columns: 1fr;
    margin-right: 7%;
    margin-bottom: 5rem;
}
.first-construction-benefits {
    margin-top: 5rem;
    margin-right: 15%;
    margin-left: auto;
}

.construction-features-main-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.construction-benefits {
    margin-right: 7%;
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
	.first-construction-benefits {
    margin-top: 2rem !important;
    margin-right: 15%;
    margin-left: 14%;
}
}
/* Styles for mobile devices in landscape mode only */
	@media screen 
  and (min-width: 480px) 
  and (max-width: 926px) 
  and (max-height: 428px)
  and (orientation: landscape) {
.first-construction-benefits-container {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    gap: 7%;
    margin-bottom: -3rem;
}
p.program-solution{
	margin-right:5%;
}
.project-contracting-container {
    display: grid;
    grid-template-columns: 1fr;
    margin-right: 7%;
    margin-bottom: 5rem;
}
.first-construction-benefits {
    margin-top: 5rem;
    margin-right: 15%;
    margin-left: auto;
}

.construction-features-main-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.construction-benefits {
    margin-right: 7%;
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
	.first-construction-benefits {
    margin-top: 2rem !important;
    margin-right: 15%;
    margin-left: 14%;
}    
 
}