/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 12, 2017, 8:58:23 AM
    Author     : Lamyarahman
*/
@media(max-width : 420px){
    .section-end .col-secondary .image {
        height: 18rem !important;
    }
}
@media(max-width : 640px){
    .section-end .col-secondary .image {
        /*height: 18rem;*/
    }
}
@media(max-width : 1024px){
    .image.img-left.salco-logo{
        display: none !important;
    }

    .image.img-right {
        width: 100% !important;
        float: right;
        display: table-cell;
    }
    .section-end .col-primary{
        display: none;
    }
    .section-end .col-secondary {
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
    

}


@media all and (min-width:48em){
    .salco-logo img {
        opacity: 0.95;
        vertical-align: middle;
        padding: 5rem 0rem;
        width: 70%;
        max-width: 180px;
        display: none;
    }
    .section-end {
        position: relative;
        /*margin-top: -16rem;*/
        z-index: 2;
    }
    .section-end .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .section-end .col {
        /*padding-bottom: 6rem;*/
    }
    .section-end .col-primary {
        -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        min-height: 38em !important;
    }
    .section-end .col-secondary {
        -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
    }
    .padded {
        padding: 4rem;
    }
    .section-end .col-secondary .padded {
        padding: 6rem 4rem;
    }
    .section-end .col-primary .padded {
        padding: 5rem 3.5rem;
    }
    .section-end .col-secondary .image {
        height: 45rem;
    }
    .section-end .container {
        max-width: 52rem;
    }


}
@media all and (min-width:30em){
    .section-end .container {
        max-width: 100%;
    }
    .section-end .col-secondary .image {
        height: 35rem;
    }
    .section-end .col-primary{
        min-height: 20em !important;
    }
}


@media all and (min-width:62em){
    .section-end .container {
        max-width: 70rem;
    }
    .section-end .col-secondary .image {
        height: 36rem;
    }
    .section-end .col-primary{
        min-height: 40em !important;
    }
    .salco-logo img{
        opacity: 0.95;
        vertical-align: middle;
        padding: 6rem 0rem;
        width: 70%;
        max-width: 180px;
    }
}

@media all and (min-width:80em){
    .section-end .container {
        max-width: 86rem;
    }
    .section-end .col-secondary .image {
        height: 38rem;
    }
    .section-end .col-primary{
        min-height: 40em !important;
    }

    .salco-logo img{
        opacity: 0.95;
        vertical-align: middle;
        padding: 5rem 0rem;
        width: 70%;
        max-width: 180px;
    }



}

.section-end .col-secondary .image {
    height: 28rem;
}

.section-end .container::before, .container::after {
    content: " ";
    display: table;
}
.section-end .container::after {
    clear: both;
}
.section-end .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.71rem;
    margin-right: -0.71rem;
}


.section-end .col {
    position: relative;
    min-height: 1px;
    padding-left: 0.71rem;
    padding-right: 0.71rem;
    padding-left: 0px;
    padding-right: 0px;
}

.section-end .col-primary {
    background-color: #02275b;
    color: #fff !important;

}
.section-end .col-primary .padded p{
    color: #fff !important;
}

.section-end .col-secondary .image {
    position: relative;
    background: 50% 50% no-repeat;
    background-size: cover;
}
.grayscale-50{
    filter : grayscale(50%);
}
.section-end .col-secondary .image::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background-color:rgba(206, 27, 34, 0.52);*/
    box-shadow: inset 0.25rem 0px 0.5rem -0.25rem rgba(0,0,0,0.15);
}
.padded {
    max-width: 100%;
    padding: 3rem 1.5rem;
}


h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0.5rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Raleway,sans-serif;
    font-weight: 200;
    line-height: 1.1;
    color: inherit;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 1.5rem;
}
h1, .h1 {
    font-size: 2.5rem;
}
h1 {
    text-transform: uppercase;
}
.m-t-md {
    margin-top: 1.5rem !important;
}
p {
    margin-top: 0px;
    margin-bottom: 1rem;
}
p {
    margin-bottom: 1.5rem;
}

.safety-vertical {
    background: url(../img/about-us/safety-vert.jpg) no-repeat;
    background-position: right;
    background-size: auto 100%;
    color: #fff !important;
}
.management-vertical{
    background: url(../img/about-us/our-team-vertical.jpg) no-repeat;
    background-position: right;
    background-size: auto 100%;
    color: #fff !important;
}
.delivery-vertical{
    background: url(../img/about-us/delivery-vert.jpg) no-repeat;
    background-position: center;
    background-size: auto 100%;
    color: #fff !important;
}
.installation-vertical{
    background: url(../img/about-us/installation-vert.jpg) no-repeat;
    background-position: right;
    background-size: auto 100%;
    color: #fff !important;
}
.maintenance-vertical{
    background: url(../img/about-us/maintenance-vert.jpg) no-repeat;
    background-position: center;
    background-size: auto 100%;
    color: #fff !important;
}

.image.img-left{
    width : 40%;
    float : left;
    display: table-cell;
}

.image.img-right{
    width : 60%;
    float : right;
    display: table-cell;
}

.table{
    display: table;
}
.table-row{
    display: table-row;
}