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;
}

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

}
  
.rock-title-container a{
    text-decoration: none;
    color: white;
}
.rock-benefits-container{
    display: grid;
    grid-template-columns: 50% 50%;
    padding-bottom: 5rem;
    margin-top: 3rem;

}

.rock-benefits{
    margin-right:15%;
}


.rock-introduction{
    padding-top: 5rem;
    padding-bottom: 2rem;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rock-introduction p{
    margin-right: 20%;
    margin-left: 20%;
    
}

.rock-features{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.features-main-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3rem;
    margin-right: 14%;
    margin-left: 14%;
}

.features-main-container div div{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;

}

.cost-profit-analysis{
    margin-top: -1rem;
}

.features-main-container-special-margins{
    margin-top: 3rem;
}

.information-data-security{
    margin-top: 2.8rem;
}

.features-main-container p{
    width: 100%;
}

@media(max-width:750px){
    .features-main-container{
        display: grid;
        grid-template-columns: 1fr;

    }
	.rock-introduction p {
    margin-right: 5%;
    margin-left: 5%;
   }
	.loader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}

    .rock-benefits-container{
        display: grid;
        grid-template-columns: 1fr;
    } 
    .rock-benefits{
        margin-bottom: 5rem;
		margin-right:5%;
    }
    .rock-title-container{
        margin-right: 0%;
    }  
	.rock-introduction {
    margin-top: -5rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
	.features-main-container {
    display: grid;
    grid-template-columns: 1fr;
	width:100%;
	}
	.features-main-container p{
		width:95%;
		margin-right:5%;
		
	}
}