.services-container{
    width:100%;
    height:auto;
    font-size:0;
    background-image:url(../res/background.jpg);
    background-repeat:repeat;
    background-size:auto;
}
.services__main--div{
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding:50px 0 10px 0;
    background-image:url(../res/background.jpg);
    background-repeat:repeat;
    background-size:auto;
    position:relative;
}
.services__main--cover-div{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.5;
}
.service__div--wrapper{
    width:calc(100% - 9px);
    height:auto;
    padding:15px;
    background-color:#fff;
    border-top:solid 3px #000;
    border-left:solid 3px #000;
    border-bottom:solid 3px #000;
    border-top-left-radius:60px;
    box-shadow: 9px 10px 0px 0px rgba(154,154,154,1);
    -webkit-box-shadow: 9px 10px 0px 0px rgba(154,154,154,1);
    position:relative;
}
.service-img{
    display:inline-block;
    width:100%;
    height:50vw;
    object-fit:cover;
    pointer-events:none;
    border-top-left-radius:50px;
    vertical-align:top;
}
.service-icon{
    position:absolute;
    top:15px;
    left:15px;
    width:75px;
    height:75px;
}
.service-icon img{
    width:100%;
    height:100%;
    pointer-events:none;
    -webkit-filter:drop-shadow(6px 6px 6px #000);
    filter:drop-shadow(6px 6px 6px #000);
}
.service-text{
    display:inline-block;
    width:100%;
    height:auto;
    vertical-align:top;
}
.service-text h2{
    font-family:"Quicksilver-Italic", "Arial", "Helvetica", sans-serif;
    color:#02c6fa;
    margin-bottom:10px;
}
.service-text p{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    line-height:2.1875rem;
    color:#000;
}
.service__div--skew{
    position:absolute;
    top:-3px;
    right:-50px;
    height:calc(100% + 6px);
    width:100px;
    background-color:#fff;
    border-top:solid 3px #000;
    border-right:solid 3px #000;
    border-bottom:solid 3px #000;
    transform:skew(-14.5deg);
    box-shadow: 9px 10px 0px 0px rgba(154,154,154,1);
    -webkit-box-shadow: 9px 10px 0px 0px rgba(154,154,154,1);
}
.service-div-spacer{
    width:100%;
    height:60px;
}

.services-skewed-img{
    margin-top:0;
}

@media(min-width:1441px){
    .services__main--div{
        max-width:1440px;
    }
    .service__div--wrapper{
        width:1337px;
        height:355px;
    }
    .service-img{
        width:500px;
        height:300px;
    }
    .service-text{
        width:735px;
    }
    .service__div--skew{
        top:-3px;
        right:-50px;
        height:calc(100% + 6px);
        width:100px;
    }
}
@media(min-width:1281px) and (max-width:1440px){
    .services__main--div{
        max-width:1280px;
    }
    .service__div--wrapper{
        width:1156px;
        height:425px;
    }
    .service-img{
        width:450px;
        height:250px;
    }
    .service-text{
        width:575px;
    }
    .service__div--skew{
        top:-3px;
        right:-60px;
        height:calc(100% + 6px);
        width:120px;
    }
    #service-export,
    #service-tpt{
        width:1165px;
        height:360px;
    }
    #service-airfreight{
        width:1170px;
        height:320px;
    }
}
@media(min-width:1281px){
    .service__div--wrapper{
        border-top-left-radius:75px;
    }
    .service-img{
        border-top-left-radius:50px;
    }
    .service-icon{
        width:100px;
        height:100px;
    }
}
@media(max-width:1280px){
    .service__div--wrapper{
        border-right:solid 3px #000;
    }
    .service__div--skew{
        display:none;
    }
}
@media(min-width:992px) and (max-width:1280px){
    .services__main--div{
        max-width:991px;
    }
}
@media(min-width:992px){
    .services-container{
        background-attachment:fixed;
    }
    .services__main--div{
        padding:50px 0 50px 0;
        background-repeat:no-repeat;
        background-size:cover;
        background-attachment:fixed;
    }
    .services__main--div.loading{
        background-image:url(../res/services-bg-load.jpg);
    }
    .services__main--div.loaded{
        background-image:url(../res/services-bg.jpg);
    }
}
@media(min-width:901px) and (max-width:1280px){
    .service-img{
        width:400px;
        height:232px;
    }
    .service-text{
        width:calc(100% - 450px);
    }
}
@media(min-width:768px) and (max-width:900px){
    .service-img{
        width:350px;
        height:200px;
    }
    .service-text{
        width:calc(100% - 400px);
    }
}
@media(min-width:768px){
    .service-text{
        margin-left:25px;
    }
}
@media(max-width:767px){
    .service-text{
        margin-top:15px;
    }
}
@media(min-width:576px) and (max-width:1280px){
    .service__div--wrapper{
        border-top-left-radius:70px;
    }
}
@media(min-width:576px){
    .service__div--wrapper{
        padding:25px;
    }
    .service-icon{
        top:25px;
        left:25px;
    }
}
@media(max-width:350px){
    .service__div--wrapper{
        border-top-left-radius:15vw;
        padding:5vw;
    }
    .service-img{
        border-top-left-radius:10vw;
    }
    .service-icon{
        top:5vw;
        left:5vw;
        width:20vw;
        height:20vw;
    }
    .service-text h2{
        font-size:7vw;
        line-height:10vw;
    }
    .service-text p{
        font-size:4.5vw;
        line-height:8vw;
    }
}