.border{background-color: #c1005c; height: 135vw;}
.footer{background-color: #c1005c;}
.projectDesc{padding-left: 29%; }
.projectsBody{height: 125vw;}
.pageTitle{font-family:'Roboto Slab', serif; color: black;padding-bottom: 1vw;}
.projectDescInfo{float: left; padding-right: 2vw; font-size: 1vw; color: #c1005c; font-weight: 800; padding-bottom: 2vw;}
.aboutHeader{float: left; width: 100%; text-align: center; font-size: 2vw; font-family: 'Roboto Slab', serif; font-weight: 800;}
.aboutdescription{float: left; width: 50%; padding-left:25%; font-size: 1.15vw; text-align: center; padding-right: 10vw; padding-bottom: 2vw;}
.ffsample{ width: 25%; float: left; padding-left: 2vw; }
.samplegallery{padding-left: 29%; padding-bottom: 1.5vw; float: left;}
.ffimage{width: 30%; float: left; padding-right: 2.8vw;
padding-bottom: 2vw;  }
.aboutHeader{padding-bottom: 1vw;}
.gallery{padding-left: 3vw;}


@media only screen and (max-width: 1300px) {
    .aboutme{width: 75%;padding-left: 12.5%; font-size: 2.5vw;}
    .projectDescInfo{font-size: 3vw; }
    .pageTitle{font-size: 6vw;}
    .projectDesc{width: 75%; padding-left: 23%; }
    .pageBody{height: 260vw;}
    .projectsBody{height: 260vw;}
    .border{height: 260vw;}
    .aboutHeader{ font-size: 4vw;}
    .aboutdescription{ font-size: 2.5vw; width: 75%; padding-left: 12.5%;}
    .samplegallery{padding-left: 10%;}
    .gallery{}
    .ffimage{width: 45%;}
    .ffsample{width: 40%;}
    .imgSquare{ width: 40%; }
    .imgrect{ width: 80%; padding-top: 2vw;}
    .imgrectVert{width: 60%; padding-left: 10%; }
    .imgrect1{width: 80%; padding-bottom: 2vw;}
    .imgrectVert1{width: 80%;}
}

@media only screen and (max-width: 700px) {
    .projectDescInfo{font-size: 4.5vw;   }
    .projectDesc{width: 90%; padding-left: 10%; padding-left: 5%;}
    .pageBody{height: 700vw;}
    .pageTitle{font-size: 7vw;}
    .projectsBody{height: 700vw;}
    .border{height: 700vw;}
    .aboutHeader{ font-size: 6vw;}
    .aboutdescription{ font-size: 5.5vw; width: 90%; padding-left: 5%;}
    .imgSquare{ width: 40%; }
    .samplegallery{width: 90%; padding-bottom: 5vw;}

    .gallery{padding-left: 15%;}
    .ffimage{width: 80%;}
    .ffsample{width: 80%;}
    .imgrect{ width: 80%; padding-top: 2vw;}
    .imgrectVert{width: 60%; padding-left: 10%; }
    .imgrect1{width: 80%; padding-bottom: 2vw;}
    .imgrectVert1{width: 80%;}
}