html, body {
        margin: 0;
        min-width: 100%;
        overflow: hidden;
    }

    h1 {
        color: #fff;
        font-family: 'Raleway',sans-serif;
        font-weight: 500;
        line-height: 1.5em;
        font-size: 2.8em;
        padding: 10vh;
    }
    
    canvas {
        min-width: 100% !important;
        min-height: 100% !important;
    }

    .fullscreenDiv {
        background-color: #e8e8e8;
        width: 100%;
        height: auto;
        bottom: 0px;
        top: 0px;
        left: 0;
        position: absolute;
    }

    .fixed {
        position: absolute;
        display: block;
    }

    .center {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        text-align: center;
    }

    .inner-container {
        width:100%;
        z-index: 5;
    }

    .link-container {
        top: 45%;
    }

    a {
        text-decoration: none;
    }

    .logo-container {
        width: 26vh;
        margin: 0 auto;
    }

    img {
        display: block;
        width: 100%;
        height: auto;
    }

    .phone-container {
        width: 50vh;
        z-index: 4;
    }

    .screen-container {
        background-image: url(/assets/img/background.jpg);
        background-position: center;
        height: 82vh;
        width: 41vh;
        border-radius: 20px;
        overflow: hidden;
        z-index: 2;
    }

    .overlay {
        height: 100%;
        width: 100%;
        background: -webkit-linear-gradient(315deg,#667eea,#764ba2);
        background: -o-linear-gradient(315deg,#667eea 0,#764ba2 100%);
        background: linear-gradient(135deg,#667eea,#764ba2);
        opacity: 0.95 !important;
    }

    .bar-container {
        top: 45.5%;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3;
    }

    .bar {
        margin-top: -2vh;
        padding: 6vh;
        background-color: rgba(255, 255, 255, 0.5);
        margin: 0 auto;
    }

    @media only screen and (max-width: 400px) { h1 { font-size: 0.75em; } }
    @media only screen and (max-width: 800px) { h1 { font-size: 2em; } }
    @media only screen and (max-width: 400px) { h2 { font-size: 0.75em; } }
    @media only screen and (max-width: 800px) { h2 { font-size: 2em; } }