@charset "utf-8";
/* CSS Document */

.unselectable {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.bigCard p {
	line-height: 1.4em;
}

.smallCard {
	height: 30vw;
	background-size: cover;
}

.card_content {
	margin: .5vw;
	padding: .5vw;
}

.card_content h4 {
	margin-left: .3vw;
	margin-top: -.5em;
}

.static_wrap {
	position: static;
	overflow: auto;
}

br {
	line-height: 1vw;
	height: 1vw;
}

body {
	padding: 15px 2%;
	min-height: calc(90vh - 30px);
	position: relative;
}

#site_title {
	margin: 4px;
	margin-bottom: 0px;
}

#site_title ul {
	margin-top: 6vh;
}

#home_social_media {
	margin-left: calc(68.2% - 8px);
	padding: 1vw;

}

#home_social_media a img {
	width: 4vw;
	min-width: 25px;
	margin-left: .3vw;
}

nav ul {
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 100%;
	line-height: 2em;
	overflow: hidden;
}

nav ul li {
	display: inline-block;
	width: 23.8%;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

nav ul li a {
	text-decoration: none;
	padding: 1em 25%;
}

#home_left_column {
	float: left;
	width: 65%;
}

#home_right_column {
	float: right;
	width: calc(35% - 1.5vw);
	margin-left: 1.5vw;
}

.to_1em {
	font-size: 1.25em;
}

.about_text {
	width: 45vw;
	margin: 2vw;
	float: right;
}

.about_img {
	width: 41vw;
	margin: calc(2vw - 6px);
	border-radius: 25px;
	border: solid rgba(0,0,0,.5) 6px;
}

.column_links {
	font-size: calc(.7em + 1vw);
	text-align: center;
}

.title_card {
	height: 10vw;
	font-size: 9vw;
}

footer {
	width: 99.5%;
	background-color: #f35135;
}

#footer_content {
	/*border-top: solid #8a332e .75vw;
	border-bottom: solid #8a332e .75vw;*/
	padding: .75vw;
	color: white;
	font-family: sans-serif;
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	line-height: 1.5em;
	overflow: hidden;
}

.recent_thumbnail {
	width: 21vw;
	height: 21vw;
	border: solid rgba(0,0,0,0.5) 6px;
	border-radius: 15%;
	padding: calc(1em + 1vw);
	margin: 1.1vw;
	overflow: hidden;
	position: relative;
	background-size: cover;
}

.recent_thumbnail p {
	width: 26vw;
	margin-left: -9vw;
	padding-left: 8vw;
	padding-top: 1em;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	height: 30%;
	color: white;
	font-family: sans-serif;
	
	-webkit-transition: height .6s, width 0s; /* Safari prior 6.1 */
  	transition: height .6s, width 0s;
	
	
	margin-bottom: calc(2em - 30%);
}

.recent_thumbnail p:hover {
	height: 60%;
}

.post {
	background-color: rgba(0,0,0,0.5);
	padding: 1vw;
	width: 100%;
	color: white;
	font-family: sans-serif;
}

.card_content {
	overflow: auto;
}

.card_content::after {
	clear: both;
	overflow: auto;
	display: table;
}

.card_content p {
	color: white;
	line-height: 4vw;
	margin: 0 2.5vw;
}

.post_img {
	height: calc(10px + 28vw);
	width: calc(10px + 28vw);
	border: solid rgba(0,0,0,0.5) 6px;
	border-radius: 15%;
	float: right;
	display: inline-block;
	vertical-align: top;
	margin:2vw 3vw 0 2vw;
}
@media screen and (min-width: 1770px) {
	/*body {
		max-width: 1770px;
		margin: 0 auto;
	}
	#home_social_media a img {
		width: 70.8px;
	}
	.smallCard {
		height: 581.1px;
	}*/
	p {
		font-size: calc(1em + .5vw);
		line-height: calc(1em + .5vw);
	}
	
	.card_content h3 {
		font-size: calc(2em + .5vw);
		line-height: calc(2em + .5vw);
	}
	.card_content h4 {
		font-size: calc(1.2em + .5vw);
		line-height: calc(1.2em + .5vw);
	}
	
	#contact_links {
		font-size: calc(2em + .5vw);
	}
}


/*FIX FOR SOCIAL MEDIA ICONS*/
@media screen and (max-width: 615px) {
	.title_card {
		height: 16vw;
		font-size: 15vw;
	}
	#home_social_media {
		margin-left: calc(91% - 158px)
	}
	nav ul li a {
	padding: 3em 15%;
}
	body {
		padding: 0 1%;
	}
	
	.about_text {
		width: 90vw;
}
	.about_img {
		width: 90vw;
		margin-left: 1.5vw;
	}
	#ext_resources {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
	#contact_links {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
	
	#footer_content {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	}
	
	#footer_content img {
		
	}
}
/*TABLETS*//*
@media screen and (max-width: 768px) {

}

/*PHONES*/
@media screen and (max-width: 480px) {
	nav ul li a {
	padding: 3em 5%;
	}
}