body{

  overflow-x:hidden;
  background: #e0e0e0;
  margin: 0;

}

 .centered{

   margin: 0 auto;
   text-align: center;

 }


.content:not(.contact-section){

  width:90%;
  margin: auto;




}



.section-header{

  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-top: 150px;
  color:#0a402b;
  font-size: 1.8em;
  padding-bottom: 30px;

}

h1, h2, p, a, th{

  font-family: 'Raleway', sans-serif;
  text-decoration: none;
  padding: 0 15px;

}


.left{

  width: 48%;
  display: inline-block;
  vertical-align: top;
  text-align: right;


}

.left img{

  width: 100%;

}

.clear{clear: both;}

.right{

  width: 48%;
  display: inline-block;
  vertical-align: top;


}

.right img{

  width: 100%;

}


.full{

  width: 100%;
  clear: both;
}

.third{

  width: 27%;
  padding: 0 3%;
  float: left;

}

.two-thirds{

  width: 66%;

}

.third img{

  width: 100%;

}

.edit-button{

background: red;
color: white;

}




/*Header styles*/

.logo{

  float:left;
  padding-left: 50px;

}

#header ul li{

  display: inline;
  color: white;
  font-weight: bold;


}

#header ul{

  margin-top: 50px;

}


#header ul li:hover{

  background: #ebf21f;
  color: black;
  padding:  8px 0;

}

#header{

  background-image: url(images/dark_fish_skin.png);
  position: relative;
  margin 0;
  width: 100%;
  left: 0;
  top: 0;
  height: 120%;

}


/*intro section*/

.intro-image img{

  display: inline-block;


}



#intro{

  margin-top: 160px;
  margin-bottom: 60px;


}

/*banner section*/

  #banner{

    background-image: url(images/dark_fish_skin.png);
    margin:0;
    padding-top: 15px;
    color:white;
    padding-left: 15px;


  }

  #banner p{

    font-size: 18px;
    margin-top: 0;
    padding: 0 50px 45px 0;
  }

/*contact section*/

.contact-section{


  width: 100%;
  margin-top: 50px;

}


.contact-section input[type='email'], input[type="text"], textarea{

  width: 50%;
  padding: 5px;
  margin: 5px;
  font-size: 16px;

}

.contact-section input[type='submit']{

  width: auto;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 50px;

}

.contact-section label{

  display: inline-block;
  width: 150px;
  text-align: right;
  display: none;

}

/*project section*/

#projects{

  width: 90%;

}

#projects img{

  max-width: 25%;
  display: inline-block;

}

.project{

  padding-bottom: 60px;

}


/*expertise section*/

#expertise{

  padding-top: 60px;
  font-size: 18px;


}

#expertise img{

  max-width: 500px;
  padding-bottom: 50px;

}

/*footer section*/

#footer{

  clear: both;
  padding-top: 50px;
}

/*edit page*/

.edit-form form{

  margin-top: 160px;


}

/*signin and edit pages*/

.form-signin{

  margin-top: 200px;

}

/*Media queries*/

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

  .responsive-sm{

    width: 100%;
    float:left;

  }

  .responsive-none{

    display:none;

  }


}