/* Your Theme/profile (Position 9) */
:root {
	--base_font: 100%;
	/* Shades */
	--light_grey: rgb(238, 238, 238);
	--grey: rgb(109, 116, 125);
	--dark_grey: rgb(139, 139, 139);
	--charcoal: rgb(61, 73, 80);
	--almostblack: rgb(50, 52, 61);
	--almostwhite: rgb(232, 232, 232);
	--cream: rgb(240, 240, 240);
	/* Brand Named-Colors etc */
	--red: rgb(213, 79, 111);
	--green: rgb(108, 171, 110);
	--blue: rgb(98, 140, 203);
	--orange: rgb(233, 116, 55);
	/* Experimental Text */
	--txt_very_small: 84%;
	--txt_small: 90%;
	--txt_large: 120%;
}
/* End Root */
/* Body Overide */
body,
html {
	margin: 0;
	background: var(--cream);
	font-size: 110%;
	background: url("../g/masthead.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.brand {
	margin: 18% 0 30px;
	text-align: center;
}

.section_break {
	margin: 3% 0 30px;
	text-align: center;
}

.brand h1 {
	margin: 0;
	padding: 0;
	color: rgb(232, 232, 232);
	line-height: 140%;
}

.section_break h2 {
	margin: 0;
	padding: 0;
	color: rgb(232, 232, 232);
	line-height: 90%;
	font-size: 260%;
}

/* .logo {
border-radius: 100%;
width: 120px;
height: 120px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: -66px;
z-index: 100;
position: relative;
border: 6px #F4A932 solid;
box-shadow: 1px 10px 24px -10px rgba(0,0,0,0.61);
} */

.logo {
	width: 300px;
	height: auto;
	margin: 30px 0 0 30px;
	display: block;
	margin-bottom: -66px;
	z-index: 100;
	position: relative;
}

.photo {
	float: right;
	border-radius: 100%;
	width: 120px;
	height: 120px;
	display: block;
	position: relative;
	border: 6px #e0e0e0 solid;
	/* box-shadow: 1px 10px 24px -10px rgba(0,0,0,0.61); */
	shape-outside: circle();
	margin: 0 0 6px 6px;
}

.social-media {
	margin-top: 30px;
	text-align: center;
}

/* FontFace */
@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.eot?c6oluu");
	src: url("../fonts/icomoon.eot?c6oluu#iefix") format('embedded-opentype'), url("../fonts/icomoon.ttf?c6oluu") format('truetype'), url("../fonts/icomoon.woff?c6oluu") format('woff'),
		url("../fonts/icomoon.svg?c6oluu#icomoon") format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-size: 30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ffffff;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:hover {
	color: #f4a932;
	text-decoration: none;
}

.icon-facebook:before {
	content: "\ea90";
}

.icon-instagram:before {
	content: "\ea92";
}

.icon-twitter:before {
	content: "\ea96";
}

/* Large heading font on desktops for demo theme  */
@media (min-width: 767px) {
	h1 {
		font-size: 400%;
	}
	.brand h2 {
		font-size: 140%;
		color: #fff;
	}
	.brand a {
		color: #fff;
	}
	.logos img {
		display: inline-block;
	}
	.contact {
		background: rgba(245, 167, 51, 0.822);
		display: inline-block;
		padding: 20px;
		margin: 0;
		border-radius: 3px;
		transition: all .4s ease-in-out;
	}
	.contact:hover {
		background: #f1722e;
		transform: scale(1.2);
	}
}

/* Start Mobile Tweaks */
@media screen and (max-width: 768px) {
	/* Mobile Nav Wrapper */
	.logo {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	/* Card Grid */
	.cards {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}

	.container-item {
		margin: 0 3%;
	}

	.flex-cards {
		display: block;
	}

	.brand {
		margin: 40px 0 30px;
	}
	.brand h2 {
		font-size: 80%;
		color: #fff;
	}

	.flex-cards .card_content {
		padding: 40px;
	}

	.flex-cards .card_content.a {
		text-align: left;
	}

	.flex-cards .card_content.b {
		text-align: left;
	}
}
/* /Start Mobile Tweaks */