body {
    margin: 0;
    background-color: rgb(255, 245, 248);
}
.header a:link{
    text-decoration: none;
    color: #230082;
}
.header a:visited{
    text-decoration: none;
    color: #230082;
}
.header a:hover{
    text-decoration: none;
    color: #707dd0;
}
.header {
    width: 99vw;
    height: 10vh;
    border: none;
    float: left;
    margin: 10px 10px 10px 15px;
}
.header .LGDesign {
    width: 75vw;
    height: 7.5vh;
    border: none;
    float: left;
    margin: 14px 0 0px 20px;
}
.header .LGDesign h1 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 28px;
    letter-spacing: 3%;
    color: #230082;
    float: left;
    margin-top: 0;
}
.header .LGDesign h1 span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 28px;
}
.header .menu {
    width: 235px; 
    height: 5vh;
    border: none;
    float: right;
    margin: 25px 0 5px 0;

}
.header .menu ul {
    display: inline;
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: #230082;
    margin: 3px 30px 0 0;
    float: none;
    list-style-type: none;
    padding-left: 5px;
    padding-right: -5px;
}
.bigbody {
    width: 100vw;
    height: 400vh;
}
.bigbody .opener {
    width: 100vw;
    height: 115vh;
}
.bigbody .opener .leftpad {
    width: 8vw;
    height: 50vh;
    float: left;
}
.bigbody .opener .welcome {
    width: 78vw;
    height: 75vh;
    float: left;
}
.bigbody .opener .welcome .hello {
    width: 580px;
    height: 300px;
    float: left;
    margin: 0 0 0 0;
}
.bigbody .opener .welcome .hello img {
    width: 650px;
    height: auto;
    float: left;
    margin: 5px 0 0 0;
}
.bigbody .opener .welcome .textpadtop {
    width: 17vw;
    height: 290px;
    margin: 5px 5px 0px 5px;
    float: right;
}
.bigbody .opener .welcome .textbody {
    width: 700px;
    height: 400px;
    margin: 20px 10px 5px 5px;
    float: right;
}
.bigbody .opener .welcome .textbody p {
    text-indent: 90px;
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 22px;
    color: #230082;
    margin-top: 0;
}
.bigbody .opener .welcome .textbody p span {
    font-family: "turnip", serif;
    font-weight: 500;
    font-style: italic;
    font-size: 22px;
    text-decoration: none;
    color: #230082; 
}
.bigbody .opener .welcome .textbody img {
    width: 115px;
    height: auto;
    float: right;
    margin: -20px 45px 75px 0;
}
.bigbody .opener .welcome .textbody p span a:link{
    text-decoration: none;
    color: #230082;
}
.bigbody .opener .welcome .textbody p span a:visited{
    text-decoration: none;
    color: #230082;
}
.bigbody .opener .welcome .textbody p span a:hover{
    text-decoration: none;
    color: #707dd0;
    font-family: "turnip", serif;
    font-weight: 500;
    font-style: italic;
    font-size: 22px;
    
}
.bigbody .scrollfolio {
    width: 99vw;
    height: 300vh;
}
.bigbody .scrollfolio .workone h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 2vh 2vw;
}
.bigbody .scrollfolio .workone img {
    width: 98%;
    height: auto;
    margin: 0 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .worktwo h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .worktwo img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .workthree h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .workthree img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .workfour h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .workfour img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .workfive h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .workfive img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .worksix h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .worksix img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .workseven h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .workseven img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .workeight h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .workeight img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}
.bigbody .scrollfolio .worklast h2 {
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    color: #230082;
    margin: auto 0 -2vh 2vw;
    padding: 2vh 0 0 0;
}
.bigbody .scrollfolio .worklast img {
    width: 98%;
    height: auto;
    margin: 30px 0 4vh 1.5vw;
    float: left;
}

.bigbody .scrollfolio .workone img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .worktwo img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .workthree img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .workfour img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .workfive img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .worksix img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .workseven img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .workeight img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}
.bigbody .scrollfolio .worklast img:hover {
    width: 98%;
    height: auto;
    float: left;
    opacity: 70% ;
}

/* END HOMEPAGE */

.projectone .harbor {
    margin:0;
    width: 100vw;
    height: 300vh;
    background-color: rgb(255, 255, 244);
}

.projectone .harbor .mainimg img {
    width: 98%;
    height: auto; 
    margin: 0 0 0 1.5vw;
    float: left;
}
.projectone .harbor .workcaption {
    margin: 0 0 20px 35px;
    width: 1000px;
    height: 45vh;
    float: left;
} 
.projectone .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projectone .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projectone .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projectone .harbor .otherimgs {
    width: 99vw;
    height: 1240px;
    float: left;
}
.projectone .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: 600px;
    width: auto;
    float: left;
}
.projectone .harbor .workcaption a:link{
    text-decoration: none;
    color: #230082;
}
.projectone .harbor .workcaption p a:visited{
    text-decoration: none;
    color: #230082;
}
.projectone .harbor .workcaption p a:hover{
    text-decoration: none;
    color: #707dd0;
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: italic;
    
}

/*  SECOND WORK  */

.projecttwo {
    background-color: rgb(255, 255, 244);
}
.projecttwo .harbor .mainimg {
    margin: 0;
}
.projecttwo .harbor .mainimg img {
    width: 96%;
    margin: 0 0 0 2vw;
    float: left;
}
.projecttwo .harbor .workcaption {
    margin: 40px 0 20px 35px;
    width: 1000px;
    height: 35vh;
    float: left;
} 
.projecttwo .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projecttwo .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projecttwo .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projecttwo .harbor .otherimgs {
    width: 99vw;
    height: 350vh;
    float: left;
    margin: 0 30px 0 30px;
}
.projecttwo .harbor .otherimgs img {
    width: 47vw;
    height: auto;
    float: left;
    margin: 10px 10px 10px 10px;
}

/*  THIRD WORK  */

.projectthree .harbor .mainimg {
    margin: 0;
}
.projectthree .harbor .mainimg img {
    width: 96%;
    margin: 0 0 0 2vw;
    float: left;
}
.projectthree .harbor .workcaption {
    margin: 40px 0 20px 35px;
    width: 1000px;
    height: 35vh;
    float: left;
} 
.projectthree .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projectthree .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projectthree .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projectthree .harbor .otherimgs {
    width: 99vw;
    height: 350vh;
    float: left;
    margin: 0 30px 0 30px;
}
.projectthree .harbor .otherimgs img {
    width: 96vw;
    height: auto;
    float: left;
    margin: 10px 0 10px 0 ;
}

/*. FOURTH WORK. */

.projectfour .harbor .mainimg {
    margin: 0;
}
.projectfour .harbor .mainimg img {
    width: 96%;
    margin: 0 0 0 2vw;
    float: left;
}
.projectfour .harbor .workcaption {
    margin: 40px 0 20px 35px;
    width: 1000px;
    height: 23vh;
    float: left;
} 
.projectfour .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projectfour .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projectfour .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projectfour .harbor .otherimgs {
    width: 99vw;
    height: 350vh;
    float: left;
    margin: 0 30px 0 30px;
}
.projectfour .harbor .otherimgs img {
    width: 96vw;
    height: auto;
    float: left;
    margin: 10px 0 10px 0 ;
}

/*  FIFTH WORK*/

.projectfive .harbor {
    margin:0;
    width: 100vw;
    height: 300vh;
    background-color: rgb(255, 255, 244);
}

.projectfive .harbor .mainimg img {
    width: 96%;
    height: auto; 
    margin: 0 0 35px 2vw;
    float: left;
}
.projectfive .harbor .workcaption {
    margin: 0 0 20px 35px;
    width: 1000px;
    height: 35vh;
    float: left;
} 
.projectfive .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projectfive .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projectfive .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projectfive .harbor .otherimgs {
    width: 99vw;
    height: 1240px;
    float: left;
}
.projectfive .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: 585px;
    width: auto;
    float: left;
}

/*  SIXTH WORK  */ 

.projectsix .harbor {
    margin:0;
    width: 100vw;
    height: 300vh;
    background-color: rgb(255, 255, 244);
}

.projectsix .harbor .mainimg img {
    width: 96%;
    height: auto; 
    margin: 0 0 35px 2vw;
    float: left;
}
.projectsix .harbor .workcaption {
    margin: 0 0 20px 35px;
    width: 1000px;
    height: 35vh;
    float: left;
} 
.projectsix .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projectsix .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projectsix .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projectsix .harbor .otherimgs {
    width: 99vw;
    height: auto;
    float: left;
}
.projectsix .harbor .otherimgs img {
    margin: 0 0 15px 1.5vw;
    width: 96vw;
    height: auto;
    float: left;
}

/* PROJECT SEVEN */ 

.projectseven .harbor {
    margin:0;
    width: 100vw;
    height: 300vh;
}

.projectseven .harbor .mainimg img {
    width: 96%;
    height: auto; 
    margin: 0 0 35px 2vw;
    float: left;
}
.projectseven .harbor .workcaption {
    margin: 0 0 20px 35px;
    width: 1000px;
    height: 45vh;
    float: left;
} 
.projectseven .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projectseven .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projectseven .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projectseven .harbor .otherimgs {
    width: 99vw;
    height: auto;
    float: left;
}
.projectseven .harbor .otherimgs img {
    width: 47vw;
    height: auto;
    float: none;
    margin: 10px 10px 10px 10px;
}

/* EIGHTH WORK*/ 


.projecttteight .harbor {
    margin:0;
    width: 100vw;
    height: 300vh;
}

.projecttteight .harbor .mainimg img {
    width: 96%;
    height: auto; 
    margin: 0 0 35px 2vw;
    float: left;
}
.projecttteight .harbor .workcaption {
    margin: 0 0 20px 35px;
    width: 1000px;
    height: 20vh;
    float: left;
} 
.projecttteight .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projecttteight .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projecttteight .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projecttteight .harbor .otherimages {
    width: 99vw;
    height: 1240px;
    float: left;
}
.projecttteight .harbor .otherimages img{
    width: 95vw;
    height: auto;
    float: left;
    margin: 10px 0 10px 30px ;
}

/* FINAL work */

.projectlast .harbor {
    margin:0;
    width: 100vw;
    height: 300vh;
}

.projectlast .harbor .mainimg img {
    width: 96%;
    height: auto; 
    margin: 0 0 35px 2vw;
    float: left;
}
.projectlast .harbor .workcaption {
    margin: 0 0 20px 35px;
    width: 1000px;
    height: 20vh;
    float: left;
} 
.projectlast .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    color: #230082;
    margin: 0;
}
.projectlast .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 18px;
    color: #230082;
    margin: 0;
}
.projectlast .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #230082;
}
.projectlast .harbor .otherimgs {
    width: 99vw;
    height: 1240px;
    float: left;
}
.projectlast .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: 655px;
    width: auto;
    float: left;
}

/*  END PORTFOLIOS */

.about .bigbody .larn {
    width: 580px;
    height: auto;
    float: left;
    margin: -15px 0 0 0;
}
.about .bigbody .larn img {
    width: 580px;
    height: auto;
    float: left;
    margin: 20px 0 0 20px;
}
.about .bigbody .muffintop {
    width: 30%;
    height: 110px;
    float:left;
    margin: 0 0 0 0;
}
.about .bigbody .abouttext {
    width: 50%;
    height: 700px;
    margin: 25px 10px 5px -40px;
    float: left;
}
.about .bigbody .abouttext p {
    text-indent: 90px;
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 20px;
    color: #230082;
}


/*.bigbody .welcome .textbody img {
    width: 190px;
    height: auto;
    float: right;
    margin: -60px 70px 50px auto;
}*/

@media only screen and (max-width:1100px) {

.about .bigbody .abouttext {
    width: 40%;
    height: 700px;
    margin: 25px 10px 5px -75px;
    float: left;
}
}

@media only screen and (max-width:1480px) {
    
.projectone .harbor {
margin:0;
width: 100vw;
height: 500vh;
background-color: rgb(255, 255, 244);
}

}

@media only screen and (max-width:1000px) {

.header {
    width: 99vw;
    height: 20vh;
    border: none;
    float: left;
    margin: 10px 10px 10px 15px;
}
.header .LGDesign {
    width: 400px;
    height: 7.5vh;
    border: none;
    float: none;
    margin: 10px 0 0px 5px;
}
.header .menu {
    width: 400px; 
    height: 7vh;
    border: none;
    float: none;
    margin: 0px 0 5px 0;
}
.header .menu ul {
    display: inline;
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    color: #230082;
    margin: -10px 0 10px 0;
    float: none;
    padding-left: 5px;
}
.bigbody .opener .welcome .textpadtop {
    width: 0;
    height: 0;
    margin: 0;
}
.bigbody .leftpad {
    width: 9vw;
    height: 50vh;
    float: left;
}
.bigbody .opener .welcome .hello img {
    width: 650px;
    height: auto;
    float: left;
    margin: -5vh 0 0 0;
}
.bigbody .welcome .textbody {
    width: 700px;
    height: 200px;
    margin: -15px 10px 5px 5px;
    float: right;
}
.bigbody .opener .welcome .textbody p {
    margin: -8vh 0 0 0;
}

.bigbody .opener .welcome .textbody img {
    width: 115px;
    height: auto;
    float: right;
    margin: -10px 45px 75px 0;
}

/*.about .bigbody .abouttext {
    width: 40%;
    height: 700px;
    margin: 25px 10px 5px 0;
    float: left;
}*/

}
@media only screen and (max-width:700px) { 
.header .LGDesign {
    width: 87vw;
    height: 7.5vh;
    border: none;
    float: left;
    margin: 14px auto auto auto;
}
.header .LGDesign h1 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 5vw;
    letter-spacing: 3%;
    color: #230082;
    float: left;
    margin-top: 0;
}
.header .LGDesign h1 span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 5vw;
}
.header .menu {
    width: 90vw; 
    height: 3vw;
    border: none;
    float: left;
    margin: 5px 0 5px 0;

}
.header .menu ul {
    display: inline;
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: #230082;
    float: left;
    list-style-type: none;
    padding-right: 3vw;
}
.bigbody .leftpad {
    width: 1px;
    height: 1px;
    float: left;
}
.bigbody .opener {
    width: 100vw;
    height: 120vh;
}
.bigbody .opener .welcome .hello {
    width: 92vw;
    height: 30vh;
    float: left;
    margin: -3vh 0 0 0;
}
.bigbody .opener .welcome .hello img {
    width: 90vw;
    height: auto;
    float: left;
    margin: 0 0 0 -5vw;
}
.bigbody .opener .welcome .textpadtop {
    width: 17vw;
    height: 20px;
    margin: 5px 5px 0px 5px;
    float: right;
}
.bigbody .opener .welcome .textbody {
    width: 90vw;
    height: 400px;
    margin: 3vh auto auto auto;
    float: left;
}
.bigbody .opener .welcome .textbody p {
    text-indent: 90px;
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 4vw;
    color: #230082;
    margin-top: 0;
}
.bigbody .opener .welcome .textbody p span {
    font-family: "turnip", serif;
    font-weight: 500;
    font-style: italic;
    font-size: 4vw;
    text-decoration: none;
    color: #230082; 
}
.bigbody .opener .welcome .textbody img {
    width: 15vw;
    height: auto;
    float: right;
    margin: 20px 45px 75px 0;
}
}

@media only screen and (max-device-width:1000px) {

 html {
  -webkit-text-size-adjust: 100%;
    }     
     
.header .LGDesign {
    width: 87vw;
    height: 5vh;
    border: none;
    float: left;
    margin: 1vh 0 0 2vw;
}
.header .LGDesign h1 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3.5pc;
    color: #230082;
    float: left;
}
.header .LGDesign h1 span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 3.5pc;
}
.header .menu {
    width: 90vw; 
    height: 3vw;
    border: none;
    float: left;
    margin: 1vh 0 0 2vw;

}
.header .menu ul {
    display: inline;
    font-family: "turnip", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.2pc;
    text-decoration: none;
    color: #230082;
    float: left;
    list-style-type: none;
    padding-right: 3vw;
}
.bigbody .leftpad {
    width: 1px;
    height: 1px;
    float: left;
}
.bigbody .opener {
    width: 100vw;
    height: 110vh;
}
.bigbody .opener .welcome .hello {
    width: 95vw;
    height: 30vh;
    float: left;
    margin: -5vh 0 0 -2vw;
}
.bigbody .opener .welcome .hello img {
    width: 94vw;
    height: auto;
    float: left;
    margin: 0 0 0 -5vw;
}
.bigbody .opener .welcome .textpadtop {
    width: 1px;
    height: 1px;
}
.bigbody .opener .welcome .textbody {
    width: 85vw;
    height: 400px;
    margin: -37px auto auto auto;
    float: left;
}
.bigbody .opener .welcome .textbody p {
    text-indent: 90px;
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2.5pc;
    color: #230082;
    margin-top: 0;
}
.bigbody .opener .welcome .textbody p span {
    font-family: "turnip", serif;
    font-weight: 500;
    font-style: italic;
    font-size: 2.5pc;
    text-decoration: none;
    color: #230082; 
}
.bigbody .opener .welcome .textbody img {
    width: 15vw;
    height: auto;
    float: right;
    margin: 30px 45px 75px 0;
}
.bigbody .scrollfolio .workone h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: 0 0 1.5vh 2vw;
}
.bigbody .scrollfolio .worktwo h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
.bigbody .scrollfolio .workthree h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
.bigbody .scrollfolio .workfour h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
.bigbody .scrollfolio .workfive h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
.bigbody .scrollfolio .worksix h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
.bigbody .scrollfolio .workseven h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
.bigbody .scrollfolio .workeight h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
.bigbody .scrollfolio .worklast h2 {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.8pc;
    color: #230082;
    margin: -1vh 0 auto 2vw;
}
/* PROJECT ONE */
   
.bigbody {
    width: 100vw;
    height: 200vh;
}    
.projectone .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -7vh 0 1.5vh 0;
    float: left;
}    
.projectone .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projectone .harbor .workcaption {
    margin: -8vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projectone .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projectone .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projectone .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projectone .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin-top: 20vh;
}
.projectone .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}
.projectone .harbor .workcaption a:link{
    text-decoration: none;
    color: #230082;
}
.projectone .harbor .workcaption p a:visited{
    text-decoration: none;
    color: #230082;
}
.projectone .harbor .workcaption p a:hover{
    text-decoration: none;
    color: #707dd0;
    font-family: "turnip", serif;
    font-weight: 400;
    font-style: italic;
} 
/* PROJECT TWO */
.projecttwo .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -8vh 0 1.5vh 0;
    float: left;
}    
.projecttwo .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projecttwo .harbor .workcaption {
    margin: -7vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projecttwo .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projecttwo .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projecttwo .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projecttwo .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin-top: 20vh;
}
.projecttwo .harbor .otherimgs img{
    margin: 0 0 15px -2px;
    height: auto;
    width: 97vw;
    float: left;
}

/* PROJECT THREE */
.projectthree .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -8vh 0 1.5vh 0;
    float: left;
}    
.projectthree .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projectthree .harbor .workcaption {
    margin: -7vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projectthree .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projectthree .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projectthree .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projectthree .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin: 13vh 0 auto auto;
}
.projectthree .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}
/* PROJECT FOUR */
    
.projectfour .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -8vh 0 1.5vh 0;
    float: left;
}    
.projectfour .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 1.5vw;
    float: left;
}
.projectfour .harbor .workcaption {
    margin: -8.5vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projectfour .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projectfour .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projectfour .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projectfour .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin: 2vh 0 0 0;
}
.projectfour .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}


/* PROJECT FIVE */
.projectfive .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -7vh 0 1.5vh 0;
    float: left;
}    
.projectfive .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projectfive .harbor .workcaption {
    margin: -8vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projectfive .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projectfive .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projectfive .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projectfive .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin-top: 20vh;
}
.projectfive .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}

/* PROJECT SIX */
.projectsix .harbor {
    height: 225vh;
}
.projectsix .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -7vh 0 1.5vh 0;
    float: left;
}    
.projectsix .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projectsix .harbor .workcaption {
    margin: -8vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projectsix .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projectsix .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projectsix .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projectsix .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin-top: 8vh;
}
.projectsix .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}

/* PROJECT SEVEN */
.projectseven .harbor {
    margin:0;
    width: 100vw;
    height: 280vh;
}  
.projectseven .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -7vh 0 1.5vh 0;
    float: left;
}    
.projectseven .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projectseven .harbor .workcaption {
    margin: -8vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projectseven .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projectseven .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projectseven .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projectseven .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin-top: 5vh;
}
.projectseven .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}

/* PROJECT EIGHT */
.projecttteight .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -7vh 0 1.5vh 0;
    float: left;
}    
.projecttteight .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projecttteight .harbor .workcaption {
    margin: -8vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projecttteight .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projecttteight .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projecttteight .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projecttteight .harbor .otherimgs {
    width: 99vw;
    height: 130vh;
    float: left;
    margin-top: 15vh;
}
.projecttteight .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}
/* PROJECT LAST */
.projectlast .harbor .mainimg {
    width: 98vw;
    height: 40vh;
    margin: -7vh 0 1.5vh 0;
    float: left;
}    
.projectlast .harbor .mainimg img {
    width: 97vw;
    height: auto; 
    margin: 0 0 0 2vw;
    float: left;
}
.projectlast .harbor .workcaption {
    margin: -3vh 0 20px 35px;
    width: 90vw;
    height: 28vh;
    float: left;
} 
.projectlast .harbor .workcaption h2 {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 3pc;
    color: #230082;
    margin: 0;
}
.projectlast .harbor .workcaption p {
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2pc;
    color: #230082;
    margin: 0;
}
.projectlast .harbor .workcaption p span {
    font-family: "turnip", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 2.2pc;
    color: #230082;
}
.projectlast .harbor .otherimgs {
    width: 99vw;
    height: 400vh;
    float: left;
    margin-top: -3vh;
}
.projectlast .harbor .otherimgs img{
    margin: 0 0 15px 1.5vw;
    height: auto;
    width: 97vw;
    float: left;
}
/* ABOUT */    
.about .bigbody {
    height: 130vh;
}
.about .bigbody .larn {
    width: 96vw;
    height: 45vh;
    float: left;
    margin: -9vh 0 0 0;
}
.about .bigbody .larn img {
    width: 94vw;
    height: auto;
    float: left;
    margin: 0 0 0 0;
}
.about .bigbody .muffintop {
    width: 1px;
    height: 2px;
    float:left;
    margin: 0 0 0 0;
}
.about .bigbody .abouttext {
    width: 86vw;
    height: 200vh;
    margin: 13vh 10px 5px 5vw;
    float: left;
}
.about .bigbody .abouttext p {
    text-indent: 90px;
    font-family: "turnip", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 2.3pc;
    color: #230082;
}
}