.about__info--container{
    width:100%;
    height:auto;
    font-size:0;
    background-image:url(../res/background.jpg);
    background-repeat:repeat;
    background-size:auto;
}
.about__info--div{
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
}
.about__section-1{
    width:100%;
    height:auto;
    padding:25px;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    color:#000;
}
.about__section-2{
    width:100%;
    height:auto;
    overflow:hidden;
}
.about__section-2-1,
.about__section-2-2{
    width:100%;
}
.about__section-2 .text-div{
    width:100%;
    height:auto;
}
.about__section-2 .text-div .text-div-inner{
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    padding:25px;
}
.about__section-2 .text-div .text-div-inner .text{
    display:block;
    width:auto;
    height:auto;
}
.about__section-2 .text-div .text-div-inner .text h1{
    font-family:"Quicksilver-Italic", "Arial", "Helvetica", sans-serif;
    color:#02c6fa;
    margin-bottom:25px;
}
.about__section-2 .text-div .text-div-inner .text p{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    color:#000;
    margin:0;
}
.about__section-2 .image-div{
    width:100%;
    height:30vw;
    position:relative;
}
.about__gradient--div-right{
    width:100%;
    height:100%;
    background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(1,81,102,1) 50%, rgba(2,198,250,1) 100%);
}
.about__gradient--skew-right{
    display:none;
    position:absolute;
    top:0;
    left:-65px;
    width:150px;
    height:100%;
    background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(1,81,102,1) 50%, rgba(2,198,250,1) 100%);
    transform:skew(-14.5deg);
}
.about__gradient--img{
    width:50%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    border:solid 3px #000;
    z-index:10;
    overflow:hidden;
}
.about__gradient--img.right{
    transform:skew(14.5deg);
}
.about__gradient--img.left{
    transform:skew(-14.5deg);
}
.about__gradient--img.right img{
    width:120%;
    height:auto;
    transform:skew(-14.5deg);
    margin-left:-10%;
    margin-top:-35px;
    object-fit:cover;
    pointer-events:none;
}
.about__gradient--img.left img{
    width:120%;
    height:auto;
    margin-left:-10%;
    margin-top:-15%;
    transform:skew(14.5deg);
    object-fit:cover;
    pointer-events:none;
}
.about__gradient--div-left{
    width:100%;
    height:100%;
    background:linear-gradient(0deg, rgba(2,198,250,1) 0%, rgba(1,81,102,1) 50%, rgba(0,0,0,1) 100%);
}
.about__gradient--skew-left{
    display:none;
    position:absolute;
    top:0;
    right:-65px;
    width:150px;
    height:100%;
    background:linear-gradient(0deg, rgba(2,198,250,1) 0%, rgba(1,81,102,1) 50%, rgba(0,0,0,1) 100%);
    transform:skew(-14.5deg);
}

.about__info--container-2{
    width:100%;
    height:auto;
    font-size:0;
    padding:100px 0 100px 0;
    background-repeat:repeat;
    background-size:100% auto;
    position:relative;
}
.about__info--container-2.loading{
    background-image:url(../res/about-bg-mobile-load.jpg);
}
.about__info--container-2.loaded{
    background-image:url(../res/about-bg-mobile.jpg);
}
.about__info--background-cover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background-color:#000;
    opacity:0.5;
}
.about__info--main-div{
    position:relative;
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding:25px;
    border:solid 3px #000;
    background:linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(1,81,102,0.8) 50%, rgba(2,198,250,0.8) 100%);
    z-index:10;
    text-align:center;
}
.about__info--main-div h1{
    font-family:"Quicksilver-Italic", "Arial", "Helvetica", sans-serif;
    color:#fff;
    text-shadow: 1px 3px 6px rgba(0,0,0,1);
    margin-bottom:25px;
}
.about__info--main-div p{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    color:#fff;
    font-size:1.75rem;
    margin:0;
}
.about__info--main-spacer{
    width:100%;
    height:100px;
}
.about__values--list{
    margin:0;
    padding:0;
    list-style:none;
}
.about__values--list li{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    color:#fff;
    font-size:1.25rem;
    margin-bottom:25px;
}
.about__values--list li h3{
    font-family:"Lato-BoldItalic", "Arial", "Helvetica", sans-serif;
}

@media(min-width:1441px){
    .about__info--div,
    .about__info--main-div{
        max-width:1440px;
    }
    .about__section-2-1,
    .about__section-2-2{
        height:500px;
    }
    .about__gradient--div-right,
    .about__gradient--div-left{
        width:590px;
    }
    .about__gradient--img{
        width:540px;
    }
}
@media(min-width:1281px) and (max-width:1440px){
    .about__info--div,
    .about__info--main-div{
        max-width:1280px;
    }
    .about__section-2-1,
    .about__section-2-2{
        height:440px;
    }
    .about__gradient--div-right,
    .about__gradient--div-left{
        width:518px;
    }
    .about__gradient--img{
        width:460px;
    }
}
@media(min-width:1281px){
    .about__gradient--skew-right,
    .about__gradient--skew-left{
        display:block;
    }
    .about__gradient--img{
        top:25px;
        height:calc(100% - 50px);
    }
    .about__gradient--img.right{
        left:-35px;
    }
    .about__gradient--img.left{
        right:-35px;
    }
    .about__gradient--img.left img{
        width:140%;
        margin-top:-35px;
        margin-left:-25%;
    }
}
@media(min-width:992px) and (max-width:1280px){
    .about__info--div,
    .about__info--main-div{
        max-width:991px;
    }
    .about__section-2-1,
    .about__section-2-2{
        height:410px;
    }
    .about__gradient--img{
        top:20px;
        width:80%;
        height:90%;
    }
    .about__gradient--img.right,
    .about__gradient--img.left{
        left:50px;
    }
    .about__gradient--img.left img{
        width:140%;
        margin-top:-15px;
        margin-left:-25%;
    }
}
@media(min-width:992px){
    .about__info--container{
        background-attachment:fixed;
    }
    .about__info--container-2{
        background-size:auto;
        background-position:center 45%;
        background-attachment:fixed;
    }
    .about__info--container-2.loading{
        background-image:url(../res/section-spacer-background-load.jpg);
    }
    .about__info--container-2.loaded{
        background-image:url(../res/section-spacer-background.jpg);
    }
    .about__section-2 .text-div{
        display:inline-block;
        width:50%;
        height:100%;
        vertical-align:top;
    }
    .about__section-2 .image-div{
        display:inline-block;
        width:50%;
        height:100%;
        vertical-align:top;
    }
    .about__gradient--div-right{
        position:absolute;
        top:0;
        right:0;
        padding:25px;
    }
    .about__gradient--div-left{
        position:absolute;
        top:0;
        left:0;
        padding:25px;
    }
    .about__gradient--img{
        position:absolute;
    }
    .about__gradient--img.right,
    .about__gradient--img.left{
        transform:skew(-14.5deg);
    }
    .about__gradient--img.right img{
        width:150%;
        margin-left:-23%;
        margin-top:0;
        transform:skew(14.5deg);
    }
}
@media(min-width:768px){
    .about__values--list{
        text-align:left;
    }
}
@media(max-width:575px){
    .about__section-2 .image-div{
        height:50vw;
    }
    .about__gradient--img{
        width:87%;
    }
    .about__info--main-div.values h1{
        margin-bottom:25px;
    }
}
@media(min-width:351px) and (max-width:575px){
    .about__section-1,
    .about__section-2 .text-div .text-div-inner,
    .about__info--main-div{
        padding:15px;
    }
    .about__section-2 .text-div .text-div-inner .text h1,
    .about__info--main-div h1{
        margin-bottom:15px;
    }
    .about__info--main-div p{
        font-size:1.5rem;
        line-height:2.5rem;
    }
    .about__values--list li h3{
        font-size:1.35rem;
        line-height:2rem;
    }
}
@media(max-width:350px){
    .about__section-1,
    .about__section-2 .text-div .text-div-inner,
    .about__info--main-div{
        padding:5vw;
    }
    .about__section-1,
    .about__section-2 .text-div .text-div-inner .text p,
    .about__values--list li{
        font-size:4.5vw;
        line-height:8vw;
    }
    .about__section-2 .text-div .text-div-inner .text h1,
    .about__info--main-div h1{
        font-size:8vw;
        line-height:12vw;
        margin-bottom:5vw;
    }
    .about__info--main-div.values h1{
        margin-bottom:6vw;
    }
    .about__info--main-div p,
    .about__values--list li h3{
        font-size:6vw;
        line-height:10vw;
    }
    .about__values--list li h3{
        margin-bottom:1vw;
    }
}