a {
    text-emphasis-color: rgb(246,155,124);
    text-decoration-color:white;
    text-emphasis-style: none;

    
}
header {
    display: inline;
    position: relative;
}

nav {
    display: inline;
    z-index: 15;
    background-image: none;


}

ul {
    float: right;
    padding-top: 22px;
    border-left-color: rgb(246,155,124);
   
}
li {
     display: inline;
    background-image: none;
    color: black;
    padding: 10px 50px 10px 50px;
    font-family: 'Lato', sans-serif;
    font-weight: lighter;
    border-left-color: rgb(246,155,124);
    border-left-style: solid;
    font-size: 16px;
}

.imgfloat {
    width:75px;
    float:left;
    padding-left: 35px;
}
 .name {
    color: rgb(246,155,124);
     padding-top: 1px;
    padding-left: 20px;
    font-family: 'Prata', serif;
    float: left;
    font-size: 30px;
     display: inline;
        
    }

.headerimg {
    position: relative; top: -165px; 
    width: 100%;
    display: block;
    float: top;
    z-index: -1;
    
}

    
}


.viewgallery {
    position: relative;
    top: -410px;
    font-family: 'Lato', sans-serif;
    font-size:30px;
    text-align: center;
    color: rgb(214,160,036);
    text-decoration-line: underline;
    
}



.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: 300px 300px 300px;
    grid-row-gap: 240px;
    grid-column-gap:35px;
    position: relative;
    top: -350px;
    align-content: center;
    
}


.projectheader {
    background-color: white;
    display: inline;
}


.projects {
   
    display: inline-block;
    margin-top:50px;
    padding: 20px 745px ;
    font-family: 'Lato', sans-serif;
    font-size:20px;
    text-align: center;
    color: rgb(214,160,036);
    text-decoration-line: underline;
    margin-bottom: 20px;
    
}
.section1 {
    height: 400px;
    padding: 0px 50px;
    position: relative
   
}

.earthstewards {
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:white;
    font-size: 55px;
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 10px;
    padding: 10px 130px;
    padding-bottom: 0px
    
}



.sec1pic {
    position: relative;
    float: left;
    display: inline;
}

.subheader {
    font-family: 'Lato', sans-serif;
    color:white;
    text-align: left;
    float: left;
    margin-left: 40px;
    margin-bottom: 20px;
    font-size: 25px;
    padding: 0px 130px;
     display: inline-block;


}

p {
  font-family: 'Lato', sans-serif;
    color:white;
    text-align: left;
    font-weight: lighter;
    float: left;
    margin-top: 0px;
    top: -175px;
     margin-left: 625px;
    margin-right: 40px;
    font-size: 18px;
    padding: 0px 255px;
    padding-right: 165px;
    display: inline-block;
    position: relative
}

.rectangle {
    background-color: white;
    background-color: none;
     height: 35px;
  width: 150px;
      margin-left: 875px;
    top: 120px;
    display: flex;
    position: relative;
    border-radius: 40px;
    padding-top: 0px;
        margin-top: 0px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    vertical-align: middle;
      justify-content:center;
  align-items: center;
    color: rgb(175,215,217)
        
   
}
.buttontitle {
      text-align: center;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    vertical-align: middle;
      justify-content:center;
  align-items: center;
    color: rgb(175,215,217)
}






.section2 {
      height: 450px;
    padding: 0px 50px;
    position: relative;
    display: inline-block
        
    }
 .sec2pic {
     float: left;
     display: inline-block;
     margin-top: 0px;
     padding-top: 0px
    
}

.jukebox {
      font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:white;
    font-size: 55px;
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 10px;
    padding: 10px 30px;
    padding-bottom: 0px

}

.subheader2 {
   font-family: 'Lato', sans-serif;
    color:white;
    text-align: left;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: 25px;
    padding: 0px 60px;
     display: inline-block; 
}

.p2 {
     font-family: 'Lato', sans-serif;
    color:white;
    text-align: left;
    font-weight: lighter;
    float: left;
    font-size: 18px;
    padding: 0px 245px;
    padding-right: 175px;
    display: inline-block;
    margin-top:30px;
    margin-bottom: 0px;
    
    
 
}

.rectangle2 {
    background-color: white;
    background-color: none;
     height: 35px;
  width: 150px;
    display: flex;
   
    border-radius: 40px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    vertical-align: middle;
      justify-content:center;
  align-items: center;
    color: rgb(175,215,217);
    margin-left: 865px;
    margin-top: 180px
    
   
}

.earthstewardpic {
     
    float: left;
    align-content: center;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px
}


.project1 {
   height: 450px;
    padding: 40px 50px;
    position: relative;
    display: inline-block  
} 

.heading1 {
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:rgb(214,160,36);
    font-size: 55px;
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 30px;
    padding: 60px 130px;
    padding-bottom: 0px
}

.desc {
      font-family: 'Lato', sans-serif;
    color: rgb(214,160,36);
     text-align: left;
    margin-left: 240px;
    float: left;
    font-size: 18px;
     display: inline-block;
    margin-right: auto;
    padding: 20px 170px;
    padding-left: 690px;
    padding-bottom: 

}

.earthstewardpic2 {
    z-index: -1;
    display: block;
    position: absolute
}

.heading2 {
     font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:rgb(214,160,36);
    font-size: 35px;
    display: inline-block;
    position: relative;
    margin-left: 30px;
    margin-top: 110px;
    margin-bottom: 10px;
    padding: 30px 130px;
    padding-bottom: 10px
    
}

.description2 {
     font-family: 'Lato', sans-serif;
    color: rgb(214,160,36);
     text-align: left;
    margin-left: 30px;
    font-size: 20px;
     display: inline-block;
     margin-top: 140px;
    margin-right:710px;
  padding: 30px 130px;
    padding-right: 300px;
    padding-bottom: 0px
}

.heading3 {
font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:rgb(214,160,36);
    font-size: 35px;
    display: inline-block;
    position: relative;
    margin-left: 30px;
      margin-right:710px;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 30px 130px;
    padding-bottom: 10px
}

ol {
    
}
.order {
     font-family: 'Lato', sans-serif;
    
    color: rgb(214,160,36);
     text-align: left;
    margin-left: 30px;
    font-size: 20px;
     display: inline-block;
     margin-top: 10px;
    margin-right:710px;
  padding: 0px 90px;
    padding-right: 300px;
    padding-bottom: 0px;
    border-left-color: none;
    border-left: none
    

}

.sec3 {
     height: 450px;
    margin-top: 140px;
    padding: 40px 50px;
    position: relative;
    display: inline-block  
}

.earthstewardpic3 {
    display: inline-block;
    position: absolute;
    float: left
}

.heading4 {
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:rgb(214,160,36);
    font-size: 35px;
    display: inline-block;
    position: relative;
    float: left;
    margin-left: 790px;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 10px 130px;
    padding-bottom: 10px
    
}
.desc2 {
         font-family: 'Lato', sans-serif;
    color: rgb(214,160,36);
     text-align: left;
    margin-left: 240px;
    float: left;
    font-size: 18px;
     display: inline-block;
    margin-right: auto;
     margin-top: 170px;
    padding: 10px 130px;
    padding-left: 680px;
    padding-bottom: 0px
}


.sec4 {
margin-top: 95px
    }

.earthstewardpic4 {
    float: right
}

.heading5 {
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:rgb(214,160,36);
    font-size: 35px;
    display: inline-block;
    position: relative;
    float: left;
     margin-top: 170px;
    padding: 10px 130px;
    padding-left: 350px;
    padding-bottom: 0px
}

.sec5 {
  height: 450px;
    margin-top: 100px;
    padding: 20px 50px;
    position: relative;
    display: inline-block;
    margin-bottom: 20px
}

footer {
      height: 10px;
    width: 95%;
    padding: 0px 50px;
    margin-top:100px;
    margin-bottom: 50px;
    display: inline-block;
    text-align: center;
    align-content: center;
    text-decoration: none;
}

.top {
   background-color:rgb(214,160,36);
    border-radius;
       text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 10px;
    width: 150px;
    display: flex;
    position: relative;
    text-align: center;
     display: inline-block;
    float: inherit;
    border-radius: 40px;
    align-content: center;
    text-emphasis: none;
    text-emphasis-color: none;
        text-decoration: none;
    text-emphasis-style: none;

    
           
    }

.buttontop {
          text-align: center;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    vertical-align: middle;
      justify-content:center;
    text-emphasis: none;
    text-decoration: none;
    text-emphasis-color: none;
        text-decoration-line: none;
     text-emphasis-style: none;
           align-items: center;
    color: white;
    
}

.heading6 {
font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:rgb(214,160,36);
    font-size: 35px;
    display: inline-block;
    position: relative;
    margin-left: 30px;
      margin-right:710px;
    margin-top: -40px;
    margin-bottom: 0px;
    padding: 0px 130px;
    padding-bottom: 0px
}

.jukeboxsketch {
    float: right;
    margin-top:50px;
        margin-right:-410px
            
            }

.headingsketch {
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:rgb(214,160,36);
    font-size: 35px;
    display: inline-block;
    position: relative;
    float: left;
     margin-top: -470px;
    padding: 10px 130px;
    padding-left: 350px;
    padding-bottom: 0px
}
 
.about {
    height: 1100px
}

   
.aboutimg {
    margin-left: -25px;
    margin-top: 100px;
    z-index: -1;
    display: block;
    position: absolute
}

.aboutheading {
       position: relative;
    display: inline-block;
    top:250px;
    left: 300px;
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:white;
    font-size: 30px;
     padding: 25px 130px;
}
.aboutp{
      position: relative;
    display: inline-block;
    top:200px;
    left: 50px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 18px;
    padding: 50px 130px;
    padding-right: 300px;
    text-align: left
}   


.skillheading {
     position: relative;
    display: inline-block;
    top:650px;
    left: -750px;
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:white;
    font-size: 30px;
     padding: 5px 30px;
}

.skillp {
     position: relative;
    display: inline-block;
    top:365px;
    left: -270px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 18px;
    padding: 5px 30px;
    text-align: left
}

.skilllist {
    position: relative;
    display: inline-block;
    top:340px;
    left: -270px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 18px;
    padding: 5px 30px;
    text-align: left
}

.experienceheading {
    position: relative;
    display: inline-block;
    top:650px;
    left: -440px;
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:white;
    font-size: 30px;
     padding: 5px 30px;
}


.experiencep {
    position: relative;
    display: inline-block;
    top:155px;
    left: 180px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 18px;
    padding: 5px 30px;
    text-align: left
}

.exp2 {
position: relative;
    display: inline-block;
    top:155px;
    left: 180px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 18px;
    padding: 5px 30px;
    text-align: left
}


.contactheading {
     position: relative;
    display: inline-block;
    top:210px;
    left: -200px;
    font-family: 'Prata', serif;
    text-align: left;
    font-style: normal;
    color:white;
    font-size: 70px;
     padding: 25px 130px;
}

.contactp {
     position: relative;
    display: inline-block;
    top:90px;
    left: -450px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 38px;
    padding: 25px 130px;
    text-align: left
}

.contactphone {
     position: relative;
    display: inline-block;
    top:500px;
    left: -690px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 35px;
    padding: 25px 130px;
    text-align: left
}

.contactemail {
     position: relative;
    display: inline-block;
    top:250px;
    left: 280px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 35px;
    padding: 25px 130px;
    text-align: left
}


#cform {
      position: relative;
    display: inline-block;
    top:-700px;
    left: 750px;
        text-align: center;
      font-family: 'Lato', sans-serif;
    color: white;
    font-size: 25px;
    padding: 25px 130px;
    text-align: left
}