html{
    background-color:var(--dullPink);
    color:white;
}

body{
    background-color:unset;
}

p{
    max-width:720px;
}


/*--specific elements--*/
header{
    background-color:black;
}

#headerContentOuter a{
    font-weight:18px;
    padding:8px;
    display:inline-block;
}



.sectionOuter{
    background-color:var(--lightBlue);
    color:black;
}

.sectionOuter:nth-child(3){
    background-color:var(--lightPink);
}

.sectionOuter:nth-child(4){
    background-color:var(--lightPurple);
}


.sectionOuter:nth-child(5){
    background-color:var(--lightYellow);
}

.sectionOuter a{
    color:black;
}

.bodyImg{
    display:block;
    max-width:100%;
    max-height:75vh;
    margin-bottom:64px;
    margin-top:32px;
}

.bodyImg:first-child{
    float:right;
    max-width:60vw;
    margin-left:64px;
}



/*---------breakpoints-------*/

@media only screen and (max-width:1366px){
    .bodyImg{
        margin-bottom:48px;
        margin-top:24px;
    }
    .bodyImg img:first-child{
        margin-left:48px;
    }
}

@media only screen and (max-width:1024px){
    .bodyImg, .bodyImgLink{
        margin-bottom:32px;
        margin-top:16px;
    }
    .bodyImg img:first-child{
        margin-left:32px;
    }
}

@media only screen and (max-width:960px){
    .bodyImg{
        margin-bottom:24px;
        margin-top:12px;
    }
    .bodyImg:first-child{
        margin-left:24;
    }
}

@media only screen and (max-width:720px){
    .bodyImg{
        margin-bottom:18px;
        margin-top:9px;
        max-width:unset !important;
        max-height:unset !important;
        width:100%;
        float: unset !important;
        margin-left: 0px !important;
    }
    .bodyImg img:first-child{
        max-width: unset !important;
        max-height: unset !important;
        width: 100%;
    }
}