body{
    flex-direction: column;
    align-items: center;
    background: var(--backgroundColour);
}

header{
    box-shadow: 0 3px 5px 2px var(--boxShadowTop);
    min-height:50px;
    padding:0 3rem;
    background: var(--gradientMax);
}

header nav a{
    margin:0 1rem;
    font-weight: 800;
}

a.active{
    color:var(--tertiaryColour);
}

main{
    width:1200px;
    max-width: 90%;
    padding:2rem 0;
}

footer{
    margin-top: auto;
    padding:1rem 0;
}

@media only screen and (max-width:767px){
    header{
        padding:0 0.5rem;
    }
    header nav a{
        margin:0 0.5rem;
    }
}