/* ============= ---- Transitions ---- ================ */
{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* ============= ---- Generic Styles ---- ================ */
.section-our-story .container-core .section-header h2 {
    margin-top: 0;
}

/* ============= ---- Main ---- ================ */
.section-our-story .container-core {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.our-story-content {
    width: calc(100% - 550px - 150px);
}

picture.our-story-img {
	max-width: 550px;
	width: 100%;
}

picture.our-story-img * {
	display: block;
	width: 100%;
	height: auto;
}

/* =============== ---- Trade Enquiries ---- ================== */
.section-trade-enquiries {
	text-align: center;
}

.section-trade-enquiries .container-core {
	padding: 120px 0 0;
}

.section-trade-enquiries p {
    max-width: 800px;
    width: 100%;
    margin: 0 auto 50px;
}

.section-trade-enquiries .container-core:before {
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    background-image: url(../icons/line.png);
    background-repeat: no-repeat;
    z-index: 3;
}

/* ======================= -------- 7.0  Media Queries -------- ========================== */
@media (max-width: 1300px) {
    .our-story-content { width: calc(100% - 550px - 100px); }
}

@media (max-width: 1100px) {
    .our-story-content { width: calc(100% - 400px - 100px); }
    picture.our-story-img { max-width: 400px;}
}

@media (max-width: 950px) {
    .our-story-content { width: 100%; margin-bottom: 50px; }
    picture.our-story-img { max-width: 550px;}
}

@media (max-width: 850px) {
    .section-trade-enquiries .container-core { padding: 100px 0 0; }
}

@media (max-width: 650px) {
    .section-trade-enquiries .container-core { padding: 60px 0 0; }
}