/*
	FONT: 
	- weight: 300, 400, 700;

	COLORS:
	#25232D = dark / black : hover = #5F5D66;
	#E4E4C5 = gray / light
	#CE0A31 = red / : hover = #F34739;
	#F6F6F6 = white
	#E8E8E8 = gray
	#A7DBD8 = blue : hover = #429398;
*/

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Advent Pro', sans-serif;
	color: #25232D;
	font-size: 100%;
}

	/* HOMEPAGE */

	/* HEADER */

	.home {
color:#103b54;
	}

	 header {
	 	padding: 30px 0;
	 }

	 	header h1, a {
	 		padding: 0;
	 		margin: 0;
	 		font-weight: 300;
	 	
			text-align:center;
			font-family: 'Bebas Neue', sans-serif;
			color:#103b54;
			
	 	}

h1, h3, h4, p, h2, h6, h5, a {
	font-family: 'Bebas Neue', sans-serif;
			color:#103b54;
}

	 	header nav {
	 		text-align: right;
	 	}

	 		header nav ul {
	 			list-style: none;
	 			margin: 0;
	 		}

	 			header nav ul li {
	 				display: inline-block;
	 				margin-left: 14px;
	 				margin-bottom: 8px;
					font-family: 'Bebas Neue', sans-serif;
			color:#103b54;
	 			}

	 				header nav ul li a {
	 					text-transform: uppercase;
	 					font-size: 2em;
	 					color: #103b54;
	 				}

	 					header nav ul li a:hover {
	 						text-decoration: none;
	 						color: #103b54;
	 					}

	 				header nav ul li.inactive {
	 					text-decoration: line-through;
	 				}

	 					header nav ul li.inactive a {
	 						color: #25232D;
	 					}

	 				header nav ul li.shop a {
	 					background: #A7DBD8;
	 					color: #F6F6F6;
	 					font-weight: 700;
	 					padding: 8px 16px;
	 					border-radius: 3px;
	 				}

	 					header nav ul li.shop a:hover {
	 						color: #fafafa;
	 						background: #429398;
	 					}

	 /* INTRO */
	 .intro {
	 	padding: 0;
		 background-color: #103b54;
		 border-bottom: 5px solid #356e90;
		 border-top: 5px solid #356e90;
	 	

	 }
	 	.intro .container {
	 		text-align: center;
	 		line-height: 50px;
	 		height: auto;
			color:#fff;
			font-family:'Bebas-Neue', sans-serif;
			
		
	 	}
	 	.intro h2 {
	 		font-size: 3em;
	 		font-weight: 300;
	 		color: #fafafa;
	 		border: 2px solid #fafafa;
	 		display: inline-block;
	 		padding: 12px 30px;
	 		border-radius: 3px;
	 	}

	 /* PORTFOLIO */

	 .portfolio {
	 	margin-bottom: 30px;
	 	text-align: center;
	 }
	 	.portfolio hr {
	 		display: inline-block;
	 		width: 80px;
	 	}
	 	.portfolio .col-md-4 {
	 		text-align: center;
	 		margin-bottom: 35px;
	 	}
	 		.portfolio .col-md-4 img {
	 			margin-bottom: 20px;
	 		}
	 		.portfolio .col-md-4 a.button {
	 			font-size: 1.6em;
	 			border: 2px solid #A7DBD8;
	 			color: #A7DBD8;
	 			border-radius: 3px;
	 			padding: 8px 16px;
	 			display: inline-block;
	 		}
	 			.portfolio .col-md-4 a.button:hover {
	 				text-decoration: none;
	 				color: #fafafa;
	 				border: 2px solid #429398;
	 				background: #429398;
	 			}

	 /* JOURNAL */

	 .journal {
	 	margin-bottom: 30px;
	 	text-align: center;
	 }
	 	.journal hr {
	 		display: inline-block;
	 		width: 80px;
	 	}
	 	.journal h2 {
	 		font-size: 4em;
	 		text-align: left;
	 		display: block;
	 		padding: 0 0 20px 0;
	 		margin: 0 0 30px 0;
	 		border-bottom: 1px solid #25232D;
	 	}
	 	.journal .col-md-6 {
	 		text-align: left;
	 	}
	 	.journal h4 {
	 		font-size: 2.2em;
	 		line-height: 140%;
	 		color: #999;
	 	}
	 	.journal p {
	 		font-size: 1.6em;
	 		line-height: 140%;
	 		margin-bottom: 25px;
	 	}
	 		.journal p a {
	 			color: #fafafa;
	 			background: #A7DBD8;
	 			padding: 3px 6px;
	 		}
	 			.journal p a:hover {
	 				background:#429398;
	 			}

	 /* SERVICES */

	 .services {
		text-align: center;

	 }
	 	.services hr {
	 		display: inline-block;
	 		width: 80px;
	 	}
	 	.services .col-md-4 {
	 		text-align: center;
	 	}
	 		.services .col-md-4 i {
	 			font-size: 3em;
	 		}
	 	.services p {
	 		font-size: 2em;
	 	}
	 		.services p a {
	 			color: #fafafa;
	 			background: #A7DBD8;
	 			padding: 3px 6px;
	 			text-decoration: none;
	 		}
	 			.services p a:hover {
	 				background:#429398;
	 			}
	 	.services .row {
	 		margin-bottom: 30px;
	 	}
	 /* CONTACT */

	 .contact {
	 	background: #103b54;
		
	 }
	 
	 .contact h4 {
		 color:#fff;
	 }

	 	.contact h2 {
	 	
	 		text-align: center;
			color:#fff;
	 	}

	 		.contact h2 span {
	 			color: #103b54;
	 			text-decoration: underline;
	 		}

	 		.contact .col-md-4 {
	 			text-align: center;
	 			padding-top: 30px;
	 		}

	 		.contact i {
	 			display: block;
	 			font-size: 3em;
	 			margin-bottom: 15px;
	 		}

	 		.contact p,
	 		

	 		.contact a {
	 			color: #fff;
	 			
	 		}

	 			.contact a:hover {
	 				text-decoration: none;
	 				color: #25232D;	
	 			}

	 /* SOCIAL */

	 .social {
	 	text-align: center;
	 	padding: 40px 0;
	 }
	 	.social img.selfie {
	 		width: 128px;
	 		height: 128px;
	 		overflow: hidden;
	 		border-radius: 50%;
	 		margin-bottom: 20px;
	 	}
	 	.social hr {
	 		display: inline-block;
	 		width: 80px;
	 	}

	 	.social span.selfieName, 
	 	.social span.selfieTitle {
	 		display: block;
	 		margin: 0;
	 		padding: 0;
	 	}
	 		.social span.selfieName {
	 			font-size: 1.5em;
	 		}
	 		.social span.selfieTitle {
	 			font-size: 2em;
	 			margin-bottom: 20px;
	 		}
	 			.social span.selfieTitle a {
	 				font-size: 1em;
	 				color: #25232D;
	 				text-decoration: none;
	 				border-bottom: 1px dotted #25232D;
	 				margin: 0;
	 			}
	 			.social span.selfieTitle a:hover {
	 				border-bottom: 1px dotted #fff;
	 			}

	 	.social p {
	 		font-size: 2em;
	 	}

	 	.social a {
	 		font-size: 2em;
	 		display: inline-block;
	 		margin: 0 10px;
	 		color: #E8E8E8;
	 	}

	 		.social a:hover {
	 			color: #25232D;	
	 		}

	 /* FOOTER */

	 footer {
	 	text-align: center;
	 }

	 	footer p {
	 		font-size: 2em;
	 		color: #103b54;
	 	}

	 		footer p a {
	 			color: #103b54;
	 		}

	 			footer p a:hover {
	 				text-decoration: none;
	 				color: #103b54;
	 			}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}