@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;
	overflow: hidden;
}

.card_content h4 {
	margin-left: .3vw;
	margin-top: -.5em;
}

body {
	padding: 15px 2%;
}

#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;
}

#ext_resources {
	column-count: 3;
}

/*Desktop*/
@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;
	}
}

/*FIX FOR SOCIAL MEDIA ICONS*/
@media screen and (max-width: 615px) {
	#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 {
	column-count: 1;
}
}
/*TABLETS*//*
@media screen and (max-width: 768px) {

}

/*PHONES*/
@media screen and (max-width: 480px) {
	nav ul li a {
	padding: 3em 5%;
	}
}