.border{background-color: #1f6a09; height:140vw}
.footer{background-color: #1f6a09}
.enviTitle{color: black; font-family: 'Roboto Slab', serif;}
.projectDesc{padding-left: 22%; padding-top: 1vw; padding-right: 14%; float: left;}
.projectDescInfo{ padding-right: 2vw; font-family: 'Roboto Slab', serif; color: #1f6a09; font-size: 1vw;
float: left;}
.projectMenu{ padding-left: 42%; width: 50%; float: left; padding-top: 1.5vw; padding-bottom: 3vw; padding-right: 20%;}
.projectMenuLinks{float: left; padding-right: 6vw;font-size: 2vw; font-family: 'Lato', sans-serif;
font-weight: 800; color: #1f6a09;}
.aboutHeader{float:left; text-align: center; width: 100%; font-size:1.75vw;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      , serif; padding-top: 3vw; padding-bottom: 2vw;}
.aboutdescription{width: 50%; padding-left: 25%; float: left; text-align: center; font-size: 1vw;
}
.pageBody{height: 140vw;}
.projectsBody{height: 135vw;}
.gallery {
    width: 100%;
    padding-left: 10%;
}
.imgSquare{
    width: 20%; padding-right: 1%;
  
    float: left;
}

.imgrect{
    width: 40%; padding-right: 1%;
    float: left;
    padding-top: vw;
}

.imgrect1{
    width: 39%; padding-right: 1%;
    margin-left: 1%;
    float: left;
    padding-top: 1vw;
    padding-bottom: 0vw;
}
.imgrectVert{
    width: 40%; padding-right: 1%;
    float: left;
    padding-top: 2vw;
}
.imgrectVert1{
    width: 40%; padding-right: 3%;
    padding-left: ;
    float: left;
    padding-top: 2vw;
}

@media only screen and (max-width: 1300px) {
    .aboutme{width: 75%;padding-left: 12.5%; font-size: 2.5vw;}
    .projectDescInfo{font-size: 2vw; }
    .projectDesc{width: 75%; padding-left: 23%; }
    .pageBody{height: 400vw;}
    .projectsBody{height: 400vw;}
    .border{height: 400vw;}
    .aboutHeader{ font-size: 4vw;}
    .aboutdescription{ font-size: 2.5vw; width: 75%; padding-left: 12.5%;}
    .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: 3vw;  }
    .projectDesc{width: 90%; padding-left: 10%; }
    .pageBody{height: 450vw;}
    .projectsBody{height: 450vw;}
    .border{height: 450vw;}
    .aboutHeader{ font-size: 6vw;}
    .aboutdescription{ font-size: 3.5vw; width: 75%; padding-left: 12.5%;}
    .imgSquare{ width: 40%; }
    .imgrect{ width: 80%; padding-top: 2vw;}
    .imgrectVert{width: 60%; padding-left: 10%; }
    .imgrect1{width: 80%; padding-bottom: 2vw;}
    .imgrectVert1{width: 80%;}
}