/*~~~~ UNIVERSAL ~~~~*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
body {
	padding-top: 50px;
	font-family: 'Playfair Display', serif;
	/*color: rgb(99,90,91);*/
}
body h1 {
	/*font-size: 22px;*/
	color: #666;
	text-transform: uppercase;
	font-style: italic;
	margin-top: 100px;
	margin-bottom: 50px;
}

body h2 {
	color: #666;
	font-weight: 100;
	text-transform: uppercase;
	margin: 1em 0;
	font-size: 25px;
}

body p {
	color: #999;
	/*font-family: 'Lato';*/
}

p > a, blockquote > a {
	/*color: #DCBA9F;*/
	color: #DCBA9F;
}

p > a:hover, blockquote > a:hover {
	color: #666;

}

h1 > span {
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
    display: block;
    width: 21px;
}


nav {
	font-family: 'Lato', sans-serif;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.inline-block {
	display: inline-block;
}
.small-container {
	max-width: 600px;
	margin: auto;
}
.container {
	width: 98%;
}
/* create underscore */

		.underscore a {
		  position: relative;
		  color: #000;
		  text-decoration: none;
		}
		.underscore a:hover {
		  color: #000;
		}
		.underscore a:before {
		  content: "";
		  position: absolute;
		  width: 100%;
		  height: 1px;
		  bottom: 0;
		  left: 0;
		  background-color: #000;
		  visibility: hidden;
		  -webkit-transform: scaleX(0);
		  transform: scaleX(0);
		  -webkit-transition: all 0.3s ease-in-out 0s;
		  transition: all 0.4s ease-in-out 0s;
		}
		.underscore a:hover:before {
		  visibility: visible;
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
		}

/*~~~~ NAVIGATION BAR ~~~~*/


.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    background-color: white;
}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
}


ul.topnav li a {
  display: inline-block;
  color: black;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 5px;
  padding-right: 5px;
	padding-top: 30px;
	padding-bottom: 3px;
  text-decoration: none;
  transition: .3s;
  font-size: 14px;
  border-radius: 0px;
  border-color: white;
}

ul.topnav li a:hover {
	background-color: rgba(202,176,163,0);
	/*text-decoration: underline;*/
}
.navbar-button {
	border-color: rgba(202,176,163,0);
}
.navbar-button:hover {
	border-color: rgba(202,176,163,0);
}
#logo {
	padding-top: 6px;
}
#logo:hover {
	background-color: rgba(202,176,163,0);
	border-color: rgba(202,176,163,0);
	padding-top: 6px;
}
#dropdown {
	color: rgba(202,176,163,.8);
	padding-top: 20px;
}
#dropdown:hover {
	background-color: rgba(202,176,163,0);
	border-color: rgba(202,176,163,0);
}
ul.topnav li.icon {
	display: none;
}

@media screen and (max-width:800px) {
	ul.topnav img {
		/*max-width: 80%;*/
		padding-right: 50px;
	}
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
  	position: absolute;
  	right: 20px;
  	top: 0;
   	float: left;
    display: inline;
  }
}

@media screen and (max-width:800px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
	/*~~~~ SHARING LINKS ~~~~*/
		footer {
			padding-top: 20px;
			padding-bottom: 10px;
		}
		ul.sharing {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color: white;
		}
		ul.sharing li {
			display: inline;
			padding-right: 10px;
			padding-left: 10px;
		}
		ul.sharing li a {
			text-decoration: none;

		}

.divider {
	margin-top: 100px;
	/*margin-bottom: 100px;*/
	border-top: 1px solid #DCBA9F;
}

/*~~~~ Home ~~~~*/

#home h1 {
	margin-top: 0px;
	/*padding-top: 50px;*/
}

#home {
	margin-top: 100px;
}

#portrait {
	transform: rotate(-5deg);
	/*border: 5px solid #DCBA9F;*/
	max-width: 100%;
	/*padding-bottom: 20px;*/
}

/*~~~~ Skills ~~~~*/

div.row.no-style, div.row.col-sm-6 {
	margin-bottom: 0px;
}
#skills p {
	/*olor: #666;*/
	/*font-size: 18px;*/
	/*font-family: 'Lato';*/
}
#skills .col-xs-6 > span {
	color: #DCBA9F;
}
blockquote{
  display:block;
  padding: 15px 80px 15px 80px;
  margin: 0 0 50px;
  position: relative;
  border: 0;
  
  /*Font*/
  font-size: 14px;
  color: #999;
  text-align: justify;
  
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-size: 120px;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top: 0;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

/*~~~~ Gallery ~~~~*/

/*#gallery {
	margin-top: 25px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}
#gallery li {
	display: inline-block;
	width: 19.6%;
}

#gallery img {
	width: 100%;
}*/

.no-style {
	padding: 0;
	border: 0;
	margin: 0;
}

@media (min-width: 768px) {
	.no-style:first-of-type {
		margin-bottom: 100px;
	}
}
@media (max-width: 768px) {
	#portfolio .no-style > img, #portfolio .no-style > p, #portfolio .no-style > div {
		margin-bottom: 100px;
	}
	#portfolio, #portrait {
		margin-bottom: 100px;
	}
	blockquote {
		padding: 20px;
	}
	blockquote::before{
	  content: "\201C"; /*Unicode for Left Double Quote*/
	  
	  /*Font*/
	  font-size: 40px;
	  color: #999;
	  
	  /*Positioning*/
	  position: absolute;
	  left: 0px;
	  top: 10px;
	}
}


.no-style > img, .no-style > p, .no-style > div {
	padding: 0;
}

#portfolio .img {
	border: 1px solid rgba(0,0,0,.1);
}

.img-desc {
	margin-top: 1em;
}

address {
	display: inline;
	padding-left: 20px;
	font-size: 1.2em;
}
.fb-like {
	display: inline;
}