/* ======================
   ABOUT HERO
====================== */

.about-hero{

    min-height:720px;
    height:100vh;

    background:url("/assets/images/aboutmain.webp") center/cover no-repeat;

    position:relative;

}




/* TEXT POSITION */

.about-content{

    position:absolute;

    right:20%;
    top:50%;

    transform:translateY(-50%);

    color:#fff;

    max-width:580px;

}


/* TITLE */

.about-content h1{

    font-size:52px;
    letter-spacing:2px;

    margin-bottom:10px;

}


/* SUBTITLE */

.subtitle{

    display:block;

    font-size:14px;
    letter-spacing:3px;

    opacity:.8;

    margin-bottom:25px;

}


/* TEXT */

.about-content p{

    font-size:16px;
    line-height:1.8;

    opacity:.9;

}

/* ======================
TABLET
====================== */

@media (max-width:1024px){

.about-content{

    right:10%;
    max-width:380px;

}

.about-content h1{

    font-size:42px;

}

}

/* ======================
MOBILE
====================== */

@media (max-width:768px){

.about-content{

    left:30px;
    right:30px;

    top:auto;
    bottom:80px;

    transform:none;

    max-width:none;

}

.about-content h1{

    font-size:34px;

}

.subtitle{

    font-size:12px;
    letter-spacing:2px;

}

.about-content p{

    font-size:15px;

}

}