/*  1440  */
/*@media (max-width: 1920px) {*/

/*  768  */
/*@media (max-width: 1440px) {*/

/*  375  */
/*@media (max-width: 768px) { */




/* 'Railroad Gothic ATF-Bold';   DONE    */
/* "aktiv-grotesk";          */
/* "aktiv-grotesk";             */
/* "aktiv-grotesk";           */
/* "Barlow Condensed-Black";         */
/* "Railroad Gothic ATF-Medium"; ??    */

/*
<link rel="stylesheet" href="https://use.typekit.net/jzb5gxv.css">
Aktive:
font-family: aktiv-grotesk, sans-serif;
font-weight: 400; // 400 for Regular, 500 for Medium and 700 for Bold
font-style: normal;
Railroad Gothic ATF:
font-family: railroad-gothic-atf, sans-serif;
font-weight: 500; // 500 for Medium and 600 for Bold
font-style: normal;
Barlow Condensed:
font-family: barlow-condensed, sans-serif;
font-weight: 900; // 900 for Black
font-style: normal;

*/

.frame-langara {
  background-color: #172c6c;
  height: 620px;  
}


.frame-langara .text-wrapper {
/*  font-family: "railroad-gothic-atf", Helvetica; */
  font-family: railroad-gothic-atf, Helvetica; 
  font-weight: 700;
  color: #ff6730;
  font-size: 30px;
  text-align: left;

  letter-spacing: -0.60px;
  line-height: 24.3px;
  white-space: nowrap;
  padding-bottom: 20px;

}


.frame-langara .element-million-eyeballs {
  font-family: "railroad-gothic-atf", Helvetica;
  font-weight: 700;
  color: #ff6730;
  font-size: 65px;
  letter-spacing: -1.30px;
  line-height: 65px;
  padding-bottom: 50px;
}

.frame-langara .sub {
  font-family: "aktiv-grotesk", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 26.4px;
}

    .frame-langara .overlap-wrapper {
        margin-top: revert;
    }

.frame-langara .img-wrapper {
    display:flex;
    justify-content: flex-end;
    position: relative;
    left: 40px;
}

.frame-langara .right-image {
  width: 800px;
  height: auto;

}




@media (max-width: 768px) {
    .frame-langara {
        display:flex;
        flex-direction: column-reverse;
        padding-top: 20px;
        padding-left: 20px;
        height: 100%;
    }


    .frame-langara .img-wrapper {
        display:flex;
        justify-content: flex-end;
        margin-bottom: 50px;
    }




    .frame-langara .overlap-wrapper {
        margin-top: 50px;
    }
    .frame-langara .text-wrapper {
    /*  font-family: "railroad-gothic-atf", Helvetica; */
      font-size: 16px;
      text-align: left;

      letter-spacing: -0.60px;
      line-height: 13px;
      white-space: nowrap;
      padding-bottom: 10px;
    }


    .frame-langara .element-million-eyeballs {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 30px */
        letter-spacing: -0.6px;
        text-transform: uppercase;
        padding-bottom: 36px;
    }

    .frame-langara .sub {
      font-size: 16px;
      letter-spacing: -0.32px;
      line-height: 18px;
      padding-bottom:36px;
    }


    .frame-langara .right-image {
      width: 725px;
      max-width: 120%;
      height: auto;
      position:relative;
/*      left: -8vw;  */
      left: unset;  
    }

}