html, body {
    height: 100vh;
     overflow: hidden;
 }

 
 #teaser {
        height: 100vh;
        background: url("../coast-2.jpg") no-repeat center;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }
    
    #box {
        width: 300px;
        font-family: 'Arimo', sans-serif;
        color: #ffffff;
        text-align: left;
        margin: auto;
    }

    #box h1{
        font-size: 36px;
        margin-bottom: 2rem;
    }

    #box p {
        font-size: 16px;
        line-height: 1.4rem;
    }

    #box a { 
        color: #ffffff;
        text-decoration: underline;
    }

@media only screen and (min-width: 768px) {
    #box {
        margin-left: 60%;
    }
}