.aboutme{width: 50%; padding-left: 25%; font-size: 1.1vw;text-align: left; font-weight: 800; }
.pageTitle{padding-bottom: 2vw;}
.about{float: left; padding-right: 1vw; color:#ffa912;}
.mebanner{width: 50%; padding-left: 25%; padding-top: 3vw;}
.pagebody{height: 80vw;}
.border{height: 80vw; background-color:#ffa912; }
.projectsBody{height: 75vw;}
.pageTitle{font-family: 'Roboto Slab', serif;}
@media only screen and (max-width: 1300px) {
    .aboutme{width: 75%;padding-left: 12.5%; font-size: 2.5vw;}
    .pageBody{height: 145vw;}
    .projectsBody{height: 140vw;}
    .border{height: 145vw;}
    .mebanner{width: 75%;  padding-left: 12.5%;}
}

@media only screen and (max-width: 700px) {
    .aboutme{width: 90%;padding-left: 5%; font-size: 4vw;}
    .pageBody{height: 235vw;}
    .projectsBody{height: 240vw;}
    .border{height: 240vw;}
    .mebanner{width: 90%;  padding-left: 5%;}
}