/*
 * Responsive Style
 */


/*	Table of Content
========================
	# 
========================
*/

.section-wrapper {
    padding: 120px 0;
}

.section-bg {
    background-color: #0D3220;
}

.section-bg-alt {
    background-color: #000;
}

.section-bg-img01 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/003.jpg);
    background-size: cover;
}

.section-bg-img02 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/004.jpg);
    background-size: cover;
}

.section-bg-img03 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/005.jpg);
    background-size: cover;
}

.section-bg-img04 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/006.jpg);
    background-size: cover;
}

.section-bg-img05 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/bg-01.jpg);
    background-size: cover;
}

.section-bg-img06 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/bg-02.jpg);
    background-size: cover;
}

.section-bg-img07 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(36, 36, 36, 0.5) 100%), url(../img/bg-03.jpg);
    background-size: cover;
}

.section-bg-img08 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(36, 36, 36, 0.5) 100%), url(../img/bg-04.jpg);
    background-size: cover;
}

.section-bg-img09 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(36, 36, 36, 0.5) 100%), url(../img/bg-06.jpg);
    background-size: cover;
}

.section-bg-img10 {
    background: rgb(0, 0, 0);
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(36, 36, 36, 0.5) 100%), url(../img/bg-07.jpg);
    background-size: cover;
}

.section-title {
    margin-bottom: 10px;
    font-size: 3rem;
    letter-spacing: 0.4rem;
    text-align: center;
}

.section-subtitle {
    margin-bottom: 80px;
    text-align: center;
    font-size: 18px;
}

.section-stories-wrapper {}

.bg-one {
    background: #000000e3;
    /*min-height: 100%;*/
    background: linear-gradient(0deg, rgba(99, 121, 105, 0.8) 0%, rgba(255, 255, 255, 0.5) 100%), url(../img/002.jpg);
    background-size: cover;
}

.cta-wrapper {
    text-align: center;
    padding: 80px 20px;
    color: #fff;
}

.card {
    border: none;
}

.card .card-text {
    font-size: 14px;
    letter-spacing: 4px;
}

.card-img-overlay {
    top: inherit;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: 0;
}

.card-title {
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    letter-spacing: 0;
}

.card-title-w70 {
    width: 70%;
}


/* 	==========================================================================
	
	========================================================================== */

@media (min-width: 320px) and (max-width: 479px) {
    h2.card-title {
        font-size: 32px;
    }
    .section-title {
        font-size: 2.4rem;
    }
}


/* 	==========================================================================
	
	========================================================================== */

@media (min-width: 480px) and (max-width: 575px) {
    h2.card-title {
        font-size: 32px;
    }
    .section-title {
        font-size: 2.4rem;
    }
}


/* 	==========================================================================
	Small devices (landscape phones, 576px and up)
	========================================================================== */

@media (min-width: 576px) and (max-width: 767px) {
    .section-title {
        font-size: 2.4rem;
    }
}


/* 	==========================================================================
	Medium devices (tablets, 768px and up)
	========================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
    .section-title {
        font-size: 2.4rem;
    }
}


/* 	==========================================================================
	Large devices (desktops, 992px and up)
	========================================================================== */

@media (min-width: 992px) and (max-width: 1199px) {}


/* 	==========================================================================
	X-Large devices (large desktops, 1200px and up)
	========================================================================== */

@media (min-width: 1200px) and (max-width: 1399px) {}


/* 	==========================================================================
	XX-Large devices (larger desktops, 1400px and up)
	========================================================================== */

@media (min-width: 1400px) and (max-width: 1599px) {}


/* 	==========================================================================
	XXX-Large devices (larger desktops, 1600px and up)
	========================================================================== */

@media (min-width: 1600px) {}