.mapbox {
    display: none;
    width: 550px;
    height: 350px;
    margin: 0 auto;
}

@media only screen and (min-width: 900px) {
    .mapbox {
        display: block;
    }
}

.mapcontainer {
    padding-top: 20px;
}

.sidebar {
    display: none;
}

@media only screen and (min-width: 900px) {
    .sidebar {
        display: block;
    }
}

.statement {
    background: #F0F2F3;
}

@media only screen and (min-width: 900px) {
    .statement {
        background: none;
    }
}

.spacer--64:last-of-type {
    margin-top:0;
}

@media only screen and (min-width: 900px) {
.spacer--64:last-of-type {
    margin-top:4rem;
}
}

#counselors {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media only screen and (min-width: 900px) {
#counselors {
    padding-top: 0;
    padding-bottom: 0;
}}

@media only screen and (min-width: 900px) {
.mapbottom {
    width: 50%;
    margin: 2rem auto 1rem auto;
}
}

@media only screen and (min-width: 900px) {
.flex {
    width: 70%;
    margin: 0 auto;
}    
}