*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html{
    font-size: 62.5%;
}

body{
    font-family: 'Poppins', sans-serif;
    font-size: 1.6rem;
}
.shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: -1;
}
.top-hero{
    position: relative;
    height: 200px;
    background-size: cover;
    z-index: 0;
}
.top-hero-text{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 3.6rem;
    text-transform: uppercase;
}

.color-green{
    color: #1fbd1f;
}

.nav-link{
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 300;
}
.navbar-brand{
    font-size:2.5rem;
}
.navbar-toggler{
    font-size: 2rem;
}

header{
    font-size: 2rem;
}
.carousel-item{
    height: 400px;
    position: relative;
    background-position: center;
    background-size: cover;
    z-index: 0;
}
@media(min-width: 1440px){
    .carousel-item{
        height: 600px;
    }
}
.carousel-img-one{
    background-image: url("../images/1.jpg")
}
.carousel-img-two{
    background-image: url("../images/2.jpg")
}
.carousel-img-three{
    background-image: url("../images/3.jpg")
}

.home-columns{
    padding: 5em 0;
}
.home-columns .iconify{
    font-size: 3rem;
}
.home-columns p{
    font-size: 1.6rem;
}

.home-passion{
    background-image: url("../images/greenhouse.jpg");
    position: relative;
    z-index: 0;
    background-size: cover;
    background-position: center;
    height: 400px;
}

.home-history h3{
    font-size: 2.5rem;
    font-weight: bold;
    padding-bottom: 10px;
}
.home-history p{
    font-size: 1.6rem;
}

footer{
    padding: 15px 0;
}

.aboutus-hero{
    background-image: url("../images/about/flowers.jpg");
    background-position: center;
}

.aboutus-info .container{
    padding: 2em 0.5em;
}
.aboutus-text{
    margin: 1em 0;
}
.aboutus-text-right{
    text-align: right;
}
.aboutus-text h3{
    font-weight: bold;
    text-decoration: underline #1fbd1f;

}

.aboutus-info-img{
    object-fit: cover;
    height: 300px;
}
.aboutus-info-bigimg{
    height: auto;
    background-position: center;
    background-size: cover;
}



.aboutus-icon{
    font-size: 3rem;
}
.aboutus-card-title h3{
    font-size: 2.2rem;
    font-weight: bold;
}
.aboutus-card-green{
    background-color: #1fbd1f;
}

.aboutus-card-container{
    margin-bottom: 1.2rem;
}

.services-hero{
    background-image: url("../images/services/works.jpg");
    background-position: center;
}
.service{
    position: relative;
    height: 300px;
    z-index: 0;
    font-size: 3rem;
    background-size: cover;
}
.service p{
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-one{
    background-image: url("../images/services/1.jpg");
}
.service-two{
    background-image: url("../images/services/2.jpg");
}
.service-three{
    background-image: url("../images/services/3.jpg");
}
.service-four{
    background-image: url("../images/services/4.jpg");
}

.projects-hero{
    background-image: url("../images/projects/project.jpg");
    background-position: center;
}
.projects img{
    height: 300px;
    object-fit: cover;
}

.contact-hero{
    background-image: url("../images/contact/contact.jpg");
    background-position: center;
}
.contact-info{
    padding: 5em 0;
}
.contact-info h3{
    text-transform: uppercase;
    font-size: 2.6rem;
    font-weight: bold;
}
.contact-info h4{
    text-transform: uppercase;
    font-weight: bold;
}
.contact-logo{
    font-size: 3rem;
    margin: 30px 30px 0 30px;
    padding-top: 30px;
}
.contact-form p{
    font-size: 2.6rem;
    font-weight: bold;
}
.contact-form select{
    font-size: 1.4rem;
}
.contact-form .btn{
    background-color: #1fbd1f;
    border: none;
    font-size: 1.4rem;
    padding: 7px 15px;
}
.contact-form input, .contact-form textarea{
    font-size: 1.4rem;
}
.contact-map iframe{
    min-height: 400px;
    width: 100%;
}

@media (min-width: 992px){
    .aboutus-info .container{
        padding: 0;
    }
    .aboutus-text{
        padding: 5em 0;
        transform: skew(-15deg);
    }
    .aboutus-text-left{
        text-align: right;
        padding-right: 2em;
    }
    .aboutus-text-right{
        text-align: left;
        padding-left: 2em;
    }
    .aboutus-info-img{
        height: auto;
        transform: skew(-15deg);
    }
    .aboutus-shadow{
        box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.4);
    }
}