body {
	background-color: grey;
	font-family: Varela Round, sans-serif
}

.card-container {
	width: 50%
}

.logo {
	width: 40%
}

.loading {
	width: 64px
}

.loading-wrapper {
	width: 64px;
	margin: 0 auto;
	padding-bottom: 20px
}

@media (max-width:425px) {
	.navbar {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.card-container {
		width: 100%
	}
}

@media (max-width:589.98px) {
	.job-title {
		font-size: 28px
	}
}

@media (min-width:725px) and (max-width:989.98px) {
	.card-container {
		width: 75%
	}
}

.portfolio-image {
	min-height: 175px;
	border-bottom: 1px solid #dcdcdc
}

.content {
	max-width: 1024px;
	background: #a9a9a9;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
	padding: 0;
	margin-top: 2px
}

#my-navbar {
	color: #fff;
	background-color: #8b0000!important;
	border: none!important;
	margin-bottom: -1px;
	padding-top: 10px;
	border-radius: 0;
	z-index: 1
}

.row {
	margin-left: 5px;
	margin-right: 5px
}

.icon {
	margin-right: 10px
}

.no-preview {
	width: 100%;
	height: 175px;
	border: 1px solid grey!important;
	background-color: #d3d3d3;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 12px
}

#about {
	color: #f5f5f5;
	font-size: 14pt;
	padding: 0 40px 40px
}

.header {
	font-size: 20pt;
	margin-left: 10px;
	margin-right: 10px
}

.nav-item a {
	color: #f5f5f5!important;
	padding-left: 7px!important;
	cursor: pointer
}

.nav-item a:hover {
	background-color: #e8c547!important;
	color: #696969!important
}

#contact {
	background-color: #f5f5f5;
	text-align: center
}

#contact,
.portfolio {
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2)
}

.portfolio {
	background-color: #afeeee
}

.portfolio-thumbnails {
	padding-left: 10px;
	padding-right: 10px
}

.link {
	color: #000!important
}

.link:hover {
	color: grey!important;
	background-color: transparent!important
}

.divider {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
	min-width: 250px
}

.job-title {
	color: #333;
	margin: 20px 15px 0 auto
}

.spacer {
	margin-left: 20px;
	margin-right: 20px
}

i {
	margin: 20x
}

.contact-link-list {
	list-style: none;
}

.contact-link-list > li {
	display: inline-block;
}

.contact-link {
    margin: 15px 5px 5px 5px;
	color: white;
}

.contact-link:hover {
	color: white;
}

.contact-link-square {
	width: 50px;
	height: 50px;
	padding-top: 10px;
}

.attributes {
	font-size: 11pt;
	color: #696969;
	font-style: italic;
	margin-bottom: 15px
}

.facebook {
	background-color: #1877f2;
}

.facebook:hover {
	background-color: #4267b2;
}

.github {
	background-color: black;
}

.github:hover {
	background-color: #2C3539;
}

.linkedin {
	background-color: #075AAE;
}

.linkedin:hover {
	background-color: #004182;
}

.email {
	background-color: #8b0000;
}

.email:hover {
	background-color: #9F000F;
}