html {
    /* background-image: linear-gradient(#128bb8, #2ab0c5);   */
    background-color: white; 
    font-family: Arial, Helvetica, sans-serif;
}


/* Mobile menu */
.mobnav {
    background-color:black;
    /* background-image: url("../images/Slideshow/retaing-wall-stone-feature-wall-400x267px.jpg"); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    
}

body {
    background-position:top center;
    background-repeat: no-repeat;
    color: orange;
    font-size: 1.125rem;   
     /*black background theme  */
    background-color: black;
}

/* CONTAINER AND TOP SECTION ON EACH PAGE */
.page_margins {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* .container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
} */

.container p{ 
    text-align: justify;
    color: white;
}

.page_name {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid darkgrey;
    margin-bottom: 1.25rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.page_name h1{
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.171);
}

h1 {
    font-size: 3.25rem;
    margin-bottom: 1rem;
    color:rgb(255, 81, 0);
}

h2 {
    font-size: 2rem;
    margin-top: 20px;
    color:rgb(255, 81, 0);
}

h3 {
    line-height: 1.75rem;  
    color:white;  
}

p {
    line-height: 1.75rem;
    color: white;

}

li{
    line-height: 1.75rem;
    color:white;
    text-align: left;
}

a {
    color: orange;
    text-decoration:none;
}

.img_responsive {
    max-width: 100%;
    height: auto;
  }


/* BUTTON */
.mybutton {
    background-color: white;
    color:#128bb8;
    padding: 0.6875rem 1.5625rem;
    display: inline-block;
    margin-top: 1.25rem;
    border-radius: 22px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.171);
}

.mybutton a{
    color:#128bb8;
}

.mybutton:hover {
    background-color:#00fff2;
}


.quote-button{
        background-color: orange;
        color:white;
        padding: 0.6875rem 1.5625rem;
        display: inline-block;
        margin-top: 1.5rem;
        border-radius: 22px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.171);
}

.quote-button a{
    color:black;
}

.quote-button:hover {
    background-color:rgb(202, 147, 44);
}


/* HOME PAGE */
.home-sec-2_container{
    background-color: #000000;
    width: 100%;
    height: auto;
}

.cards {
    min-height: 31.25rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;    
}

.card{
    background-color:rgb(233, 233, 233);
    padding: 2rem 2rem 1.25rem 2rem;
    box-sizing: border-box;
    background-size: cover;
    background-position: bottom;
    min-height: 15.625rem;
    max-height: 37.5rem;
    min-width: 250px;
    width: 30%; 
    margin: .625rem;
    border: 2px solid black; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.171);
}

.card img{
    width:12.5rem;
    height: auto;
}

.cards p {
    font-size: 0.85rem;
    line-height: 1.2rem;
    margin-top: .625rem;
    /* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.171); */
}

.cards i {
    font-size: 3.75rem;
}


/* .card img {
    width:12.5rem;
    height:auto;
} */


/* to add a background picture to card - give class of card-x */
/* .card-x {
    background-image: url(../images/image-background-card2-b.jpg);
    background-size: cover;
    background-position: bottom;  
} */

.card-2 {
    /* background-image: url("../images/background/retaing-wall-stone-feature-wall-400x267.jpg"); */
    background-size: cover;
    background-position: bottom;
}

/* .cards i:hover {
    background-color:#00fff2;
} */

/* .card_hover:hover {
    background-color:#00fff2;
} */


.home-sec-3_container{
    background-image: url("../images/background/smooth-empty-grey-background.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-sec-3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

.home-sec-3_text {
    width: 55%;
    margin-right: 7%;
    padding-bottom: 1.25rem;
}

/* Home Section 4 */
.home-sec-4_container{
    background-color: black;
}

.card-home-contact-us {
    /* background-image: url("../images/background/retaing-wall-stone-feature-wall-400x267-c.jpg");
    background-size: cover;
    background-position: center; */
    width:50%;
    
}


/* ABOUT PAGE */
.about-sec-2 {
    min-height: 18.75rem;
    display: flex;
    align-items: center;
}

.about-sec-2_text {
    width: 65%;    
    margin-right: 7%;
}

.about-sec-2_image{
    margin-bottom: 2rem;
}


/* SERVICES PAGE */
.services-sec-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 2.5rem;
    flex-wrap: wrap;
    /* text-align: center; */
    padding-bottom: 1.25rem;
    padding-top: 2rem;
}

.services-sec-1_text {
    width:50%;
    padding-left: 2rem;
    padding-right: 2rem;

}

.services-sec-1_image{
    width: 38%;
    padding-top: 3.125rem;
}

/* not used at this stage */
.services-sec-1_banner{
    width: 38%;
}

.services-sec-1_image img{
    width: 90%;
    height: auto;
}



/* CONTACT US*/
.contact-us-sec-1{
    padding-right: 3.75rem;
}

.contact-us-sec-2 {
    min-height: 18.75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contact-us_form {
    width: 55%;
    margin-right: 7%;
}

.contact-us_map {
    width: 38%;
    padding-top: 2.5rem;
}

.contact-us_map iframe{
    width: 18.75rem;
    height: 31.25rem;
}

/* Form styling General*/
.form-label {
    display: block;
    margin-bottom: .625rem;
}

input[type=radio] {
    margin-right: .625rem;
    
}

input[type=date] {
    padding: .8rem;
    
}

form {
    margin: 2.5rem 0rem;
}

.form-group {
    margin-bottom: 1.25rem;
    
}

input[type=text], input[type=email] , textarea{
    padding: .8rem;
    width: 70%;
    font-size: 0.85rem;
    background-color: white;
}