.content-section {
    display: flex;
    display:grid;

    grid-template-columns:1fr;

    align-items:center;
    align-content:center;

    justify-items:center;
    justify-content:center;

}

.branding img {
    width:80px;
    height:auto;
}

.cubby img {
    width:70px;
    height:auto;
}

h2 {
    font-size: 25px;
    padding: 0 30px 3px 15px;
    background-size: 100% 15px;
    margin:10px;

}



header {
    display:grid;
    display:-ms-grid;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-columns:1fr 1fr 1fr;
    grid-gap:5px;
    position:fixed;
    top:0;
    right:0;
    left:0;
    width:100%;
    padding: 30px 0;
    z-index:1000;
}

.branding {
    grid-column:2;
    -ms-grid-column:2;
    text-align:center;
}



.menu {
    grid-column:3;
    -ms-grid-column:3;
    text-align:center;
    text-transform:lowercase;
    font-size:18px;
}

.footer-bottom div {
    padding:15px;
}


@media only screen and (min-width: 800px)  {

    .content-section {
        height:100vh;
        width:100%;
        grid-template-columns:1fr 1fr;
        -ms-grid-columns:1fr 1fr;
        justify-items:right;
        -ms-grid-row-align:end;
    }

    .branding {
        padding-top:50px;
    }

    .branding img {
        width:160px;
        height:auto;
    }

    .cubby img {
        width:100px;
        height:auto;
    }

    h2 {
        font-size: 40px;
        padding: 0 50px 5px 20px;
        background-size: 100% 25px;
        margin: 15px 0 15px 0;
        width:350px;

    }



    header {
        grid-gap:10px;
        padding: 30px 0;

    }




    .menu {

        font-size:20px;
    }

    .footer-bottom div {
        padding:30px;
    }

}

@media only screen and (min-width: 1060px)  {
    h2 {
        width:430px;
    }
}