header {
    height: 245px;
    width: 100%;
    position: relative;
    top: 0px;
}


/* imgs */
/* //////////////////// */
.bubble {
    width: 750px;
    position: absolute;
    right: 0px;
}
.logo {
    width: 700px;
    position: absolute;
    left: 25px;
    top: 25px;
}

header h1 {
    position: absolute;
    right: 0.25em;
    top: -0.5em;
    
    font-size: 7.5em;
    font-weight: 600;
    font-style: italic;
}
/* //////////////////// */


/* media */
/* //////////////////// */
@media (max-width: 1400px) {
    .logo {
        width: 550px;

    }
    .bubble {
        width: 650px;
    }
    header h1 {
        font-size: 6.25em;
    }
}

@media (max-width: 1135px) {
    header {
        height: 550px;
    }
    header h1 {
        font-size: 7.5em;
    }
    .bubble {
        width: 750px;
        right: 0px;
    }
    .logo {
        width: 700px;
        position: absolute;
        top: 250px;
    }
}

@media (max-width: 740px) {
    nav {
        top: 4.5em;
        right: 0px;
    }
    nav span {
        font-size: 0.8em
    }
    .logo {
        width: 90%;
    }

    .navSpan {
        display: none;
    }
    .altNav {
        display: block;
        width: 100vw;
        text-align: center;
    }
    header h1 {
        background-color: #60ef98;
        position: absolute;
        margin: 0px;
        top: 0;
        right: 0;
        width: 100%;
        text-align: center;
    }
    .bubble {
        width: 115%;
        display: none;
        width: 100%;
    }
    header h1 {
        font-size: 6.25em;
    }
    header {
        height: 400px;
    }
}
/* //////////////////// */