body{
 width:100%;
 margin:auto;
 text-align:center;
}

h1{
 font-family: 'Nunito', sans-serif;
 font-weight:800;
 font-size:35px;
 color: #2A2A2A;
}

h2{
 font-family: 'Nunito', sans-serif;
 font-weight:700;
 color: #2A2A2A;
}

h3{
 font-family: 'Nunito', sans-serif;
 font-weight:600;
 color: #2A2A2A;
}

p{
 font-family: 'Nunito', sans-serif;
 font-weight:500;
 font-size:18px;
 color: #2A2A2A;
}

a{
  color:#6244FC;
  text-decoration:none;
}

a:hover{
  background-color:#C4FF11;
  color:#6244FC;
}

#siteheader_mobile{
 display:none; 
}

#siteheader{
 width:100%;
 max-width:700px;
 display:inline-block;
 margin:0px;
 padding:0px;
}

#siteheader ul{
   list-style-type: none;
   width:100%;
   margin:0px;
   padding:0px;
}

#siteheader li{
 display:inline-block;
 padding:5px 10px;
 text-align:center;
 vertical-align:middle;
}

#siteheader h1{
 width:120px;
 font-family: 'Nunito', sans-serif;
 font-weight:800;
 font-size:35px;
 color: #2A2A2A;
}

#violet{
  text-align:right;
}

#elder{
  text-align:left;
}

#siteheader img{
 width:120px;
}

#navbar li{
 display:inline-block;
 padding:20px 20px;
 text-align:center;
}

#navbar{
 width:100%;
 text-align:center;
 margin:0px;
}

#navbar ul{
 list-style-type:none;
 font-family: 'Nunito', sans-serif;
 font-weight:700;
 font-size:18px;
 background-color:#6244FC;
 text-align:center;
 width:100%;
 margin:0px;
 padding: 0px;
}

#navbar li{
 display:inline-block;
 text-align:center;
 margin:0px;
 padding:0px;
}

#navbar a{
 color:white;
 text-decoration:none;
 padding:7px 35px;
 margin:0px;
 display:inline-block;
 width:90px;
 transition: background-color 0.2s, color 0.2s;
}

#navbar a:hover{
 background-color:#C4FF11;
 color:#6244FC;
 text-decoration:none;
 padding:7px 35px;
}

#projectsnav{
 width:90%;
 max-width:800px;
 margin-left:auto;
 margin-right:auto;
 margin-top:20px;
 text-align:center;
}

#projectsnav ul{
 list-style-type:none;
 font-family: 'Nunito', sans-serif;
 font-weight:700;
 font-size:18px;
 text-align:center;
 width:100%;
 max-width:800px;
 margin:auto;
 padding: 0px;
}

#projectsnav li{
 display:inline-block;
 padding:10px 10px;
 text-align:center;
}

#projectsnav a{
  background-color:white;
  text-decoration:none;
}

#projectsnav a:hover{
  background-color:#C4FF11;
  text-decoration:none;
}

footer{
  position:relative;
  left:0px;
  bottom:0px;
  width:100%;
  text-align:center;
}

footer p{
  margin:0px 0px 5px 0px;
  padding:0px;
  font-size:12px;
}

#about{
  width:80%;
  max-width:1000px;
  margin:auto;
}

#bio{
 width:80%;
 max-width:800px;
 margin:auto;
 padding-top:25px;
 text-align:left;
}

#bio h1{
 font-size:45px;
 margin:0px;
}

#intro{
 width:80%;
 max-width:700px;
 margin:auto;
 padding:50px 0px;
}

#testimonials{
 width:80%;
 max-width:800px;
 margin:auto;
 padding-top:10px;
 text-align:left;
}








@media screen and (max-width: 600px) {
  @media screen and (max-width: 600px) {
        #siteheader{
         display:none; 
        }
        
        #siteheader_mobile{
         width:100%;
         max-width:700px;
         display:inline-block;
         margin:0px;
         padding:0px;
        }
        
        #siteheader_mobile ul{
           list-style-type: none;
           width:100%;
           margin:0px;
           padding:0px;
        }
        
        #siteheader_mobile li{
         display:inline-block;
         padding:5px 10px;
         text-align:center;
         vertical-align:middle;
         line-height:1.2;
        }
        
        #siteheader_mobile h1{
         width:140px;
         font-family: 'Nunito', sans-serif;
         font-weight:800;
         font-size:35px;
         color: #2A2A2A;
        }
        
        #fullname_mobile{
          text-align:left;
        }
        
        #siteheader_mobile img{
         width:120px;
        }

}