/********************************************
GENERAL
********************************************/
body{
  font-family:'Open Sans', sans-serif;
}

#wrapper{
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
  }

a{
text-decoration: none;
}

img{
  max-width: 100%;
}

h3{
  0 0 3em 0
}
/********************************************
HEADING
********************************************/

header{
  float: left;
  margin: 0 0 30px 0;
  padding: 5px 0 0 0 ;
  width: 100%;
}

#logo{
  text-align: center;
  margin: 0;
}

h1{
  font-family:'Rock Salt', sans-serif;
  margin :30px 0 0 0; 
  font-size:2.75em; 
  font-weight:normal;
  line-height:normal
  }
h2{
  font-family:'Changa One', sans-serif;
  margin: 0 0 15px 0;  
  font-size:1.95em;
  font-weight:normal;
}
/********************************************
NAVIGATION
********************************************/



nav{
  text-align:center;
  padding: 10px 0;
  margin: 20px 0 0 ;
}

nav ul{
  list-style: none;
  margin: 0 10px;
  padding: 0;
}
nav li{
  display: inline-block;
}

nav a{
  font-size: 1.5em;
  font-weight:800;
  padding: 15px 10px;  
}

/********************************************
FOOTER
********************************************/


footer{
  font-size:1.25em;
  text-align: center;
  clear: both;
  padding-top: 50px;
  color: #ccc;
}

.social-icon{
  width: 60px;
  height: 60px;
  margin: 0 5px;
}

/********************************************
PAGE PORTFOLIO
********************************************/

#gallery{
  margin: 0;
  padding: 0;
  list-style: none;  
}  

#gallery li{
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

#gallery li a p {
  margin: 0;
  padding: 5%;
  font-size: 1.25em;
  color: #bdc3c7;
}

/********************************************
PAGE Contact
********************************************/

.contact-info{
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.5em;}

.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
  }

  .contact-info li.phone a {
    background-image: url('../img/phone.png');
}
 .contact-info li.mail a {
    background-image: url('../img/mail.png');
}
 .contact-info li.linkedin a {
    background-image: url('../img/in.png');
}



/********************************************
COLORS
********************************************/


/*Green Header*/
header{
  background: #599a68;
  /*ok I changed border color*/
  border-color: #cfaf60;  
}


/* site body */
body {
  background-color: #fff;
  color: #777;  
  }


/*LOGO Text*/
h1,h2 {
  color: #EDD7D5;
}


/*Nav background*/
nav {
  background: #77C1C7;
}

/*nav link*/
nav a, nav a:visited {
  color: #EDD7D5;
}

/*selected nav link*/
nav a.selected, nav a:hover {
  color: #32673f;
}


/********
Page About 
*******/

.Profile-Photo {
  display:block;
  max-width: 150px;
  margin: 0 auto 30px;
  border-radius:100%;
}