.container-fluid {
	margin: 0px;
	padding: 0px;
	padding: 20px 0px;
}

.container {
	position: relative;
	margin: 0 auto; 
	max-width: 100%;
	width: 1200px !important;
	padding: 0px 15px;
}

@media (max-width: 1200px) { .container { width: 1170px !important; } }
@media (max-width: 992px) { .container { width: 100% !important; } }
@media (max-width: 768px) { .container { width: 100% !important; } }
@media (max-width: 600px) { .container { width: 100% !important; } }

.custom-header {
	background: #262626;
	color: white;
	margin-top: -20px;
	padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
	article { padding: 0 10px; }
}

.nopadding { margin: 0px; padding: 0px; }

.padding1 { margin: 0px; padding: 1px; }
.padding2 { margin: 0px; padding: 2px; }
.padding3 { margin: 0px; padding: 3px; }
.padding5 { margin: 0px; padding: 5px; }

.padding5-0 { padding: 5px 0; }
.padding10-0 { padding: 10px 0; }
.padding20-0 { padding: 20px 0; }
.padding30-0 { padding: 20px 0; }
.padding40-0 { padding: 40px 0; }
.padding50-0 { padding: 50px 0; }

.margin10-0 { margin: 10px 0px; }
.margin20-0 { margin: 20px 0px; }
.margin30-0 { margin: 30px 0px; }
.margin40-0 { margin: 40px 0px; }
.margin50-0 { margin: 50px 0px; }


.hide { display: none ;}

.target_large { display: block; }
.target_small { display:none; }

@media screen and (max-width: 768px) {
	.target_large { display: none; }
	.target_small { display:block; }
}

.target-desktop { display: block; }
.target-mobile { display: none; }

@media screen and (max-width: 768px) { 
	.target-desktop { display: none; }
	.target-mobile { display: block; }
}

.hide_if_small { display:block; }
.show_if_small { display:none; }

@media screen and (max-width: 768px) {
	.hide_if_small { display:none; }
	.show_if_small { display:block; }
}

.large { display: block !important ;}
.small { display: none !important; }

@media screen and (max-width: 767px) {
	.large { display: none !important; }
	.small { display: block !important; }
}

h1, h2, h3 {
	font-family: "Arial";
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 350%;
}
h2 {
	font-size: 300%;
}
h3 {
	font-size: 200%;
}
h4 {
	font-size: 125%;
}

p {
	font-size: 100%;
}

@media screen and (max-width: 600px) {
	h1 { font-size: 200%; }
	h2 { font-size: 175%; }
	h3 { font-size: 150%; }
	h4 { font-size: 110%; }
}

p.last { padding: 10px 0 20px 0; }


img {
	-webkit-box-sizing: border-box; /* to contain padding */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* link to underline */
a.underline {
text-decoration: underline !important;
}

.ninety {
	max-width: 90%;
	text-align: center;
	margin: 10px auto;
}

.eighty {
	max-width: 80%;
	text-align: center;
	margin: 10px auto;
}

.seventy {
	max-width: 70%;
	text-align: center;
	margin: 10px auto;
}

.sixty {
	max-width: 60%;
	text-align: center;
	margin: 10px auto;
}

@media screen and (max-width: 768px) {
}

.about-this-website a {
color: #002c4f;
}


.black-divider {
	clear:both;
	background: #000;
	height: 2px;
}

.fa-facebook { c/olor: #3b5999; }
.fa-facebook:hover { c/olor: #273b66; }
.fa-twitter { c/olor: #16bf62; }
.fa-twitter:hover { c/olor: #108c48; }
.fa-flickr { c/olor: #0e62dc; }
.fa-flickr:hover { c/olor: #0b4ba8; }
.fa-linkedin { c/olor: #017ca8; }
.fa-linkedin:hover { c/olor: #015775; }
.fa-pinterest { c/olor: #cc0218; }
.fa-pinterest:hover { c/olor: #990112; }
.fa-vimeo { c/olor: #0eb3e9; }
.fa-vimeo:hover { c/olor: #0b8bb5; }
.fa-google-plus { c/olor: #d34836; }
.fa-google-plus:hover { c/olor: #a13729; }
.fa-snapchat { c/olor: #fffc00; }
.fa-snapchat:hover { c/olor: #ccca00; }

.fa-check-square-o { color: green; }
.fa-check-square-o:hover { color: green; }
.fa-envelope-o { color: green; }
.fa-envelope-o:hover { color: green; }


/* CLEAR FLOATED IMAGES */

section.clear-float {
	margin: 0px;
	clear: both;
}

section.clear-float img { 
	float: right;
	margin: 10px;
	height: auto;
	width: auto;
	max-width: 400px;
}

@media screen and (max-width: 768px) {
	section.clear-float img { 
		float: none;
		display: block;
		width: auto;
		max-width: 75%;
		margin: 10px auto 20px auto;
	}
}

@media screen and (max-width: 480px) {
	section.clear-float img { 
		max-width: 90%; 
	}
}

/* middle alignment of tex/images in bootstrap div */
.vertical-align { display: flex; align-items: center; }
@media screen and (max-width: 768px) { .vertical-align{ display: block; } }