@charset "UTF-8";

body { background: #172E40 !important; 
font-family: 'Raleway', sans-serif !important;
} /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */

.container { background: #FFFFFF !important;}

#folio {
	border-left: solid thin #F2E3B3;
}

#folio .row {
	margin: 40px auto;
}

.row .col-sm-8 h1 {
	color: #172E40;
	text-transform: uppercase;
	width: 100%;
	margin: 40px 0px;
}

.row h2 {
	color: #1499A1;
	margin: 10px 0px;
	width: 100%;
	font-size: 3em;
}

.row h3 {
	color: #1499A1;
	margin: 20px 0px;
	width: 100%;
}

.row p {
	margin: 10px 0px;
	width: 100%;
}

#skills p {
	margin: 10px 0px;
	width: 100%;
	font-size: 12px;
}


.row p a { 
	color: #F29473;
	text-decoration: none;
}

p a:hover {
	text-decoration:underline;
	color: #C5402D;
}

#headshot {
	margin: 20px 0px;
}

#sidebar {
	text-align: center;
}

#social {
	margin: 20px auto;
}

.container footer h6 {
	font-size: 10px;
	font-style: italic;
	width: 100%;
	text-align: right;
	font-weight: normal;
	margin-right: 20px;
}
.col a .img-fluid {
	margin-top: 20px;
	margin-bottom: 20px;
}