@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic|Source+Sans+Pro:400,600,300,300italic);
@charset "utf-8";

body {
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 32px;
	background: url(../images/main-bg.jpg) no-repeat;
	background-position: bottom center; 
	background-color: #FFFFFF;
	font-weight: 400;
	overflow: auto; 
}

.container-fluid {
	margin: 0 auto;
}

.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }

.unwembi .page-header { border: none !important; padding: 4% 0 1%; margin: 0 !important;}
.unwembi .main-content { border-top: 2px solid #000; margin-left: 6% !important; padding-left: 0; padding-top: 5.2%; float: left; }
.unwembi .right-content { float: right; padding-left: 0;/* border: 1px solid; */ margin: 0; }

.unwembi ul {
    list-style-type:none;
	padding-left: 1px;
	letter-spacing: 1px;
	line-height: 165%;
	font-weight: 300;
}

.unwembi a { color: #000; text-decoration: underline; }
.unwembi a:hover, .unwembi a:active { color: #FF8201; text-decoration: none; }


.unwembi .branding { color: #FF8200; letter-spacing: 2px; font-weight: 600; margin-bottom: -2% !important }
.unwembi h1, .unwembi .h1 { font-weight: 300 !important; margin-bottom: 3.3%; line-height: 132%;  }
.unwembi h2, .unwembi .h2 { font-family: 'PT Serif', serif; font-weight: 700 !important; margin-bottom: 4.5%;  margin-top: 0px !important; font-style: italic !important; }
.unwembi h3, .unwembi .h3 { font-family: 'PT Serif' serif,; font-weight: 700 !important; margin-bottom: 2.8%; !important; }
.unwembi .underline { border-bottom: 2px solid #000; padding-right: 4px; } 
.unwembi p { margin-bottom: 10%; !important; }
.unwembi .orange { background-color: #FF8200; padding: 1.6% 6%; color: #FFF; }
.unwembi .brown { background-color: #383A35; padding: 0.8% 0; }
.unwembi .italics { font-family: 'PT Serif', serif; font-weight: 300 !important; font-style: italic; }
.unwembi footer a { color: #FFF; text-decoration: none; }

.unwembi footer a:hover, .unwembi footer a:active {color: #CCC; text-decoration: none; }
img, object, embed, video { max-width: 100%; }
.ie6 img { width:100%; }

@media (min-width: 1600px) and (max-width: 1920px) {

	body { font-size: 19px; }
	.container-fluid {
        width: 91%;
	}
	.unwembi ul { font-size: 28px; }

	.unwembi h1, .unwembi .h1 { font-size: 53px; }
	.unwembi h2, .unwembi .h2 { font-size: 24px; }
	.unwembi h3, .unwembi .h3 { font-size: 19px; !important; }
	.unwembi .branding { font-size: 15px; }
	
}

@media (min-width: 1280px) and (max-width: 1599px) {

	body { font-size: 16px; }
	.container-fluid {
        width: 92%;
	}
	.unwembi ul { font-size: 25px; }

	.unwembi h1, .unwembi .h1 { font-size: 48px; }
	.unwembi h2, .unwembi .h2 { font-size: 24px; }
	.unwembi h3, .unwembi .h3 { font-size: 19px; !important; }
	.unwembi .branding { font-size: 15px; }
    
}


@media (min-width: 992px) and (max-width: 1279px) {

	body { font-size: 15px; }
	.container-fluid {
        width: 92%;
	}
	.unwembi ul { font-size: 23px; }

	.unwembi h1, .unwembi .h1 { font-size: 45px; }
	.unwembi h2, .unwembi .h2 { font-size: 21px; }
	.unwembi h3, .unwembi .h3 { font-size: 17px; font-weight: bold !important; }
	.unwembi .branding { font-size: 14px; }

}

@media (min-width: 768px) and (max-width: 991px) {

	body { font-size: 15px; }
	.container-fluid {
        width: 92%;
	}
	.unwembi ul { font-size: 23px; }

	.unwembi h1, .unwembi .h1 { font-size: 45px; }
	.unwembi h2, .unwembi .h2 { font-size: 21px; }
	.unwembi h3, .unwembi .h3 { font-size: 17px; font-weight: bold !important; }
	.unwembi .branding { font-size: 14px; }
    
}

@media (min-width:600) and (max-width: 767px) {

	body { font-size: 14px; }
	.container-fluid {
        width: 88%;
		line-height: 25px;
	}
	.unwembi ul { font-size: 21px; }

	.unwembi h1, .unwembi .h1 { font-size: 40px; }
	.unwembi h2, .unwembi .h2 { font-size: 18px; }
	.unwembi h3, .unwembi .h3 { font-size: 15px; font-weight: bold !important; }
	.unwembi .branding { font-size: 14px; }

}

@media (min-width: 320px) and (max-width: 599px) {
	body { font-size: 13px; }
	.container-fluid {
        width: 88%;
		line-height: 25px;
	}
	.unwembi ul { font-size: 15px; }

	.unwembi h1, .unwembi .h1 { font-size: 26px; font-weight: bold; }
	.unwembi h2, .unwembi .h2 { font-size: 15px; }
	.unwembi h3, .unwembi .h3 { font-size: 13px; font-weight: bold !important; }
	.unwembi .branding { font-size: 10px; }
}