*{
  margin: 0;
  padding: 0;
  position: relative;
}


#content{
    /*padding: 20px;*/
    margin-top: 50mm 50mm;
margin-right: 0;
    font-family: 'helveticaneue';
    background-color: white;



}




#cover h1 {

font-variation-settings: "wght" 64.98, "ital" 100;
margin-left: 30px;

}


  h1 {
     font-size: 8vw;
  }




h1 span {
  font-family:'Codec Pro Variable';
  font-variation-settings: "wght" 38, "ital" 100;
/* font-size: 400px; */
  margin-left: -20px;
  margin-top: 80px;
  font-size: 24.5vw;
  display: block;
  padding: 20px 0;
}


@media screen and (max-width: 100px){
  h1 span {
    font-variation-settings: "wght" 38, "ital" 100;
  }
}
@media screen and (min-width: 100px){
  h1 span{
    font-variation-settings: "wght" 45, "ital" 100;"
  }
}
@media screen and (min-width: 200px){
  h1 span{
    font-variation-settings: "wght" 48.98, "ital" 100;"
  }
}
@media screen and (min-width: 300px){
  h1 span{
    font-variation-settings: "wght" 86.2, "ital" 100;"
  }
}
@media screen and (min-width: 400px){
  h1 span{
    font-variation-settings: "wght" 125.3, "ital" 100;"
  }
}
@media screen and (min-width: 500px){
  h1 span{
    font-variation-settings: "wght" 178.7, "ital" 100;"
  }
}
@media screen and (min-width: 600px){
  h1 span{
    font-variation-settings: "wght" 201.27, "ital" 100;"
  }
}
@media screen and (min-width: 800px){
  h1 span{
    font-variation-settings: "wght" 251.25, "ital" 100;"
  }
}
@media screen and (min-width: 1000px){
  h1 span {
    font-variation-settings: "wght" 299.97, "ital" 100;"
  }

}






h2 {
  margin-left: 200px;
  font-size: 60px;
  margin-top: 400px;
}

 span {
  font-family:'Codec Pro Variable';
  font-variation-settings: "wght" 500, "ital" 100;"
  letter-spacing: 50px;
  font-size: 13vw;
}

span:hover {
  font-variation-settings: "wght" 500, "ital"900;"
}










    /* CONTENT --------------------------------------- */

    #amelia-earhart {
      background-color: white;
      margin-top: 1000px;

    }

    #amelia-earhart img {
      /* margin-top: 45px;
      margin-left: -40px;*/
      float: left;

      margin-right: 40px;
  }

  @media screen and (min-width: 600px){
        #amelia-earhart img {
          width: 40vw;
        }
        #t1{
          width: calc(100% - 54vw - 60px);
        }
  }

  @media screen and (max-width: 600px){
        #amelia-earhart img {
          width: 40vw;
        }
  }


h5 {
font-size: 40px;
  font-weight: 5px;
  font-weight: lighter;
  text-transform: capitalize;
  transform: rotate(90deg);

  position: absolute;
  right: 50px;
  top: 375px;


}

h3 {

/* margin-left: 500px; */
font-size: 10vw;
  font-weight: 60px;
  text-transform: capitalize;

  /* line-height: 250px; */


}


h4 {
/* margin-top: -350px; */
font-size: 60px;
  font-weight: 30px;
  text-transform: uppercase;
  letter-spacing: 61px;
  margin-top: 140px;
  margin-bottom: 140px;
  m
  /* position: absolute;
  top: 3200px;
  right: 150px; */

}

#t1 {

font-size: 30px;
line-height: 35px;
font-weight: lighter;
position: absolute;
margin-left: 1240px;



/* position: absolute;
top: 3080px;
right: 270px; */


}


#t2 {

font-size: 30px;
  font-weight: lighter;
  margin-top: 730px;
  margin-left: 210px;




/* position: absolute;
top: 3450px;
left: 90px; */

}


#t3 {
  font-size: 30px;
    font-weight: lighter;
    margin-left: 1240px;
margin-top: -270px;
margin-bottom: 220px;
  /* position: absolute;
  top: 3450px;
  left: 1190px; */

}


#t4 {
  font-size: 70px;
  font-weight: 100px;
  margin-left: 110px;
  /* position: absolute;
  top: 3830px;
  left: 90px; */

}

#transcontinental {
  font-weight: 200px;
  text-transform: uppercase;
  margin-top: 300px;
  margin-left: 40px;
  font-size: 3.1vw;
  /* position: absolute;
  top: 4300px;
  left: 30px; */
  font-variation-settings: "wght" 38.64, "ital" 100;

}


  #transcontinental span {
    font-family:'Codec Pro Variable';
    font-size: 18vw;
    font-weight: 100px;
    font-variation-settings: "wght" 38.64, "ital" 100;
    text-transform: uppercase;
    margin-left: 60px;
  }

  #transcontinental span:hover {
    font-variation-settings: "wght" 284, "ital"100;"
  }



  #fleche-amelia {
    width: 100vw;
    position: relative;
    margin-top: 100px;
  }


    #code1 {
        position: absolute;
        top: -41.5px;
        left: 0;
        width: 150px!important;
        z-index: 90;
      }

    .rectangle {

      width: 95%;
  	height: 8.5px;
  	background: black;
        position: absolute;
        top: 30px;
        left: 20px;

      }

      #code2 {
          position: absolute;
          top: -41.5px;
          right: -20px;
          width: 150px!important;
          z-index: 90;
        }



  #temps-record {
    font-size: 25px;
    font-weight: lighter;
    letter-spacing: 5px;
    line-height: 40px;
    margin-top: 430px;
    margin-left: 80px;
    /* position: absolute;
    top: 5600px;
    left: 90px; */

  }

  #video-amelia p {
    font-family:'Codec Pro Variable';
    font-size: 13vw;
      font-weight: 60px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-left: 250px;
    margin-bottom: 50px;

    /* position: absolute;
    top: 5500px;
    left: 300px; */
  }

    #video-amelia video {
      width: 100%;
      margin-bottom: 800px;


      }

  #image-trip-amelia img {
display: none;
  }

#credits {
  font-size: 0.7vw;
  text-align: center;
  margin-bottom: 60px;
}