* {
    letter-spacing: 3px;
}


#jessicaHeader{
        content: url("https://data-get.s3.ap-southeast-1.amazonaws.com/jessica.png"); 
    width: 100%;
    
}



.videoFrame {
border-radius: 30px;
border-width: thin;
border-color: #49A9CB;
border: solid rgba(211, 211, 211, 0.5);
}


  @media only screen and (max-width: 300px) {
  .videoFrame-hori {
    width: 200px;
    height: 200px;
  }
}


@media only screen and (max-width: 600px) {
  .videoFrame {
    width: 350px;
    height: 350px;
  }
  

@media only screen and (max-width: 450px) {
  .videoFrame {
    width: 250px;
    height: 250px;
  }
}



.videoFrame-hori {
border-radius: 30px;
border-width: thin;
border-color: #49A9CB;
border: solid rgba(211, 211, 211, 0.5);
}

  @media only screen and (max-width: 300px) {
  .videoFrame-hori {
    width: 200px;
    height: 142px;
  }
}


@media only screen and (max-width: 600px) {
  .videoFrame-hori {
    width: 350px;
    height: 250px;
  }
  


@media only screen and (max-width: 450px) {
  .videoFrame-hori {
    width: 250px;
    height: 178px;
  }
}