@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Pacifico&display=swap');

#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(calc((100% - 100vw) / 2));
}

.content {
    position: fixed;
    top: 15vh;
    width: 100%;
    text-align: center;
}

.quote {
    font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    color: white;
    width: 40%;
    margin: auto;
    margin-top: 8vh;
}
p.quote::first-letter {
    font-size: 200%;
}

@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
        #site-logo {
            width: 70vw;
        }
        .quote {
            font-size: 1.8rem;
            width: 70%;
        }
}

/* @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    html {
      transform: rotate(-90deg);
      transform-origin: left top;
      width: 100vh;
      height: 100vw;
      overflow-x: hidden;
      position: absolute;
      top: 100%;
      left: 0;
    }
} */