@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Roboto+Slab:400,100,300,700);

body{
  font-family: "Roboto Slab", sans-serif;
  font-weight: 300;
  font-size: 2em;
  position: relative;
  /*background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=4ea6ca00&noise=626262&density=69&opacity=39);*/
  background-color: # ;
  color:#432f21;
}
.sep_main{
  height: 115px;
  width: 100%;
}
.sep{
  height: 5px;
  width: 100%;
  background-color: #432f21;
  /*outline-offset:;*/
}
@media(max-width: 767px)
{
    #move_down{
    padding-top: 3cm;
  }
}
/*#about{
  background-color: #DE8642;
}*/
#h_1{
  color:#77BA9B;
}
header  .information img {
    display: block;
    margin: 0 auto 20px;
}
@media(min-width:768px) {
 
  header .information .img-circle{
    display: block;
    position: relative;
    top:10px;
    /*color:black;*/
    margin: 10 auto 20px;
  }

/*@media(max-width:370px) {
  #name {
    font-size: 1.25em;
    font-weight: 300;
    text-align: center;

}*/

header  .information {
        padding-top: 200px;
        padding-bottom: 100px;
    }

/*    header  .information .intro-text .name {
        font-size: 4.75em;
        text-align: center;

    }*/

/*    header  .information .intro-text .skills{
        font-size: 1.75em;
          text-align: center;

    }*/
}
header  .information  .intro-text .name {
    display: block;
    text-transform: uppercase;
      text-align: center; 

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#432f21 ;
    font-size: 2em;
    font-weight: 700;
}
@media(max-width:368px) {
  header   .information .intro-text .name {
      display: block;
    text-transform: uppercase;
      text-align: center; 

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    text-align: center;

}

}

header   .information .intro-text .skills {
      display: block;
    text-transform: uppercase;
      text-align: center; 

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.25em;
    font-weight: 300;
    text-align: center;

}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  margin: 0;
}

img {
	max-width: 200px;
}

/*.navbar {
  border-radius: 0;
  border: 0;
}*/
/**  Header Navigation **/

 .navbar {
  padding: 30px 0;
}

 .navbar-default {
  background-color: transparent;
  border: none;
}

 .navbar-default .navbar-nav a {
  color: white;
  padding: 5px 8px;
}

 .navbar-default .navbar-nav a:hover {
  color: #432f21;
}

 .navbar-default .navbar-nav .active a {
  font-weight: 700;
  /*color: #EEC856;*/
  color: #432f21;
  background: transparent;
  /*border-bottom: 4px solid #EEC856;*/
  border-bottom: 4px solid #432f21;
  text-shadow: none;
}

 .navbar-default .navbar-nav .active a:hover {
  color: rgba(67,47,33, 0.3);
  background: transparent;
  text-shadow: none;
}
/**  Navbar Toggle **/
 .navbar-toggle {
  background-color: #432f21;
}

 .navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}

/* #collapser {
  background-color: rgba(255,153,31, 0)
}*/
/*Change the color the small menu bar*/
@media only screen
and (max-width: 768px) {
   #collapser{ 
  background-color: rgba(171, 168, 156, .6);
  }
}

/* PAGE */
.page {
  padding: 50px 0;
}

.page h2 {
  text-align: center;
  margin-bottom: 30px;
}
/* ABOUT */

#about, #interests{
 /* background-color: #E4D29D;
  */
  /*background-image: linear-gradient(to bottom, #EEF08A, #819A2D);*/
/*  border-top: 20px solid rgba(238, 200, 86, .5);
*/  text-align: justify;
}
#projects{
    margin: 20px 0;
  text-align: justify;
}
#projects h3{
  margin-bottom: 10px;
}
#projects h4{
    margin-bottom: 5px;

}

@media only screen 
and (min-width: 450px)
and (max-width: 768px) {
  #projects p h3 h4{
    padding: 0 20%;
  }
}

/*#icon_set
{
  margin-left:auto;
   margin-right:auto; 
   display:block;
}*/
footer {
  background: rgba(0,0,0,.3);
  color: white;
  font-size: .8em;
  padding: 20px 0 40px 0;
}

footer a {
  color: #E0E6AE;
}

footer a:hover {
  color: #EEC856 !important;
}

footer p{

  text-align: center;
  padding-left: 10px;
}

/**  nav inbody when it moves down.  **/

header .inbody {
  background: rgba(0,0,0,.3);
}

header .navbar.inbody {
  padding-top: 0;
  padding-bottom: 0;
}

header .navbar.inbody .navbar-nav {
  padding-top: 10px;
}

header .inbody .navbar-brand {
  background-size: 43px;
  background-position: top left;
  margin-top: 5px;
  padding-bottom: 0;
  margin-left: 10px;
}

header .inbody .navbar-brand h1 {
  font-size: 1.1em;
  padding-left: 38px;
}

header .inbody .navbar-brand span.subhead {
  display: none;
}

.icon-17:hover, .icon-13:hover, .icon:hover{
  border-radius: 100%;
  color: #0e1925;
  fill: #0e1925;
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
          transition: background-color 0.5s, transform 0.5s ease-out;
}
.icon {
  color:#2691d9;
	fill : #2691d9;

}
.icon:hover {
	background:  : #2691d9;
}
.icon-13 {
  /*color: #26d991;*/
  fill: #26d991;
}
.icon-13:hover {
  background: #26d991;
}
.icon-17 {
  /*color: #2691d9;*/
  fill: #2691d9;
}
.icon-17:hover {
  background: #2691d9;
}
hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-primary {
    border-color: #2c3e50;
}

hr.star-primary:after {
    color: #2c3e50;
    background-color: #fff;
}

#mail, #linkedin, #github, #resume
{
  text-align:center;
}