@font-face {
    font-family: 'Caecilia LT Std';
    src: url('../fonts/CaeciliaLTStd-Heavy.eot');
    src: url('../fonts/CaeciliaLTStd-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/CaeciliaLTStd-Heavy.woff2') format('woff2'), url('../fonts/CaeciliaLTStd-Heavy.woff') format('woff'), url('../fonts/CaeciliaLTStd-Heavy.ttf') format('truetype'), url('../fonts/CaeciliaLTStd-Heavy.svg#CaeciliaLTStd-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Caecilia LT Std';
    src: url('../fonts/CaeciliaLTStd-Bold.eot');
    src: url('../fonts/CaeciliaLTStd-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CaeciliaLTStd-Bold.woff2') format('woff2'), url('../fonts/CaeciliaLTStd-Bold.woff') format('woff'), url('../fonts/CaeciliaLTStd-Bold.ttf') format('truetype'), url('../fonts/CaeciliaLTStd-Bold.svg#CaeciliaLTStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Caecilia LT Std';
    src: url('../fonts/CaeciliaLTStd-Roman.eot');
    src: url('../fonts/CaeciliaLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/CaeciliaLTStd-Roman.woff2') format('woff2'), url('../fonts/CaeciliaLTStd-Roman.woff') format('woff'), url('../fonts/CaeciliaLTStd-Roman.ttf') format('truetype'), url('../fonts/CaeciliaLTStd-Roman.svg#CaeciliaLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Caecilia LT Std';
    src: url('../fonts/CaeciliaLTStd-Light.eot');
    src: url('../fonts/CaeciliaLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/CaeciliaLTStd-Light.woff2') format('woff2'), url('../fonts/CaeciliaLTStd-Light.woff') format('woff'), url('../fonts/CaeciliaLTStd-Light.ttf') format('truetype'), url('../fonts/CaeciliaLTStd-Light.svg#CaeciliaLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

body {
    background: #00000b;
}

.headline {
    margin: 80px 8% 0 8%;
}

.video {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 1080px;
    height: 606px;
    display: block;
}

.video img {
    float: right;
    width: 100%;
}

.icon {
    width: 20px;
    margin: 50px 0;
}

.logo {
    position: fixed;
    top: 20px;
    right: 20px;
    float: right;
    width: 100px;
    margin: 20px 20px 0 0;
}

p {
    color: #ffffff;
    font-family: 'Caecilia LT Std';
    font-weight: normal;
    font-style: normal;
    font-size: 19px;
    text-align: left;
    margin-top: 15px;
    line-height: 29px;
    width: 60%;
}

p.small {
    font-size: 13px;
    line-height: 20px;
}

h1 {
    color: white;
    font-size: 95px;
    font-weight: 400;
    line-height: 98px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: -2px;
}

.line {
    display: inline-block;
    height: 3px;
    width: 60px;
    background: white;
    margin: 50px 0;
}

.no-margin {
    margin: 0;
}

.footer {
    /* margin-top: 50px; */
}

.footer p {
    font-size: 13px;
    line-height: 20px;
    font-family: 'Caecilia LT Std';
    font-weight: normal;
    color: #69c2f7;
}

.footer a, .footer a:hover {
    color: #6fbfea;
}

.footer p span {
    font-family: 'Caecilia LT Std';
    font-weight: 900;
}

@media (max-width:768px) {
    .video {
        width: 100%;
        height: auto;
    }
}

@media (max-width:495px) {
    .logo {
        width: 75px;
        margin-bottom: 20px;
    }
    p {
        width: 100%;
    }
    h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .footer {
        padding-bottom: 50px;
    }
    p.small, .footer p {
        font-size: 14px;
    }
    .video {
        witdth: 100%;
        height: auto;
    }
}

@media (max-width: 767px) {
  h1 {
    margin-top: 20px;
  }
}

@media (max-width: 495px) {
  .headline {
    padding-top: 80px; /* adjust as needed to add space under logo */
  }
}

@media (max-width: 495px) {
  .footer {
    padding-top: 100vh; /* Pushes it below the initial view height */
  }
}

@media (max-width: 495px) {
  .mobile-footer-text {
    padding-top: 80vh; /* adjust as needed */
  }
}