@font-face{
	font-family: 'Indivisa Text Sans Regular';
	src: url('../fonts/eot/IndivisaTextSans-Regular.eot');
	src: url('../fonts/eot/IndivisaTextSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/woff2/IndivisaTextSans-Regular.woff2') format('woff2'),
		url('../fonts/woff/IndivisaTextSans-Regular.woff') format('woff'),
		url('../fonts/ttf/IndivisaTextSans-Regular.ttf') format('truetype'),
		url('../fonts/svg/IndivisaTextSans-Regular.svg#indivisa') format('svg');
}
@font-face{
	font-family: 'Indivisa Display Sans Regular';
	src: url('../fonts/eot/IndivisaDisplaySans-Regular.eot');
	src: url('../fonts/eot/IndivisaDisplaySans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/woff2/IndivisaDisplaySans-Regular.woff2') format('woff2'),
		url('../fonts/woff/IndivisaDisplaySans-Regular.woff') format('woff'),
		url('../fonts/ttf/IndivisaDisplaySans-Regular.ttf') format('truetype'),
		url('../fonts/svg/IndivisaDisplaySans-Regular.svg#indivisa') format('svg');
}
html, body{
	background: #fff;
	color: #111;
	font-family: 'Indivisa Text Sans Regular', sans-serif;
	font-size: 16px;
	width: 100%;
}
*{
	box-sizing: border-box;
}
a{
	text-decoration: none;
}
.clearfix{
	clear: both;
	display: block;
	height: 0;
	width: 0;
}
h2{
	margin: 0;
	padding: 0;
}
header{
	position: fixed;
	top : 0;
	z-index: 45;
}
header div{
	margin: 0 2rem;
	position: relative;
	width: 100px;
}
header div a{
	background: #fff;
	border-radius: 0 0 15px 15px;
	display: block;
	padding: .5rem;
}
header div a img{
	height: auto;
	max-width: 100%;
}
.banner{
	background-size: cover;
	background-position: center;
	padding-top: 37.5%;
}
#title{
	background: rgb(155,28,42);
	color: #fff;
	font-size: 2rem;
	line-height: 2rem;
	overflow: hidden;
	padding: 2rem 0;
	position: relative;
	text-align: center;
}
#title img{
	height: 300px;
	opacity: .2;
	position: absolute;
	right: 0;
	top: -100px;
	width: 265px;
}
section{
	padding: 40px 16px;
}
#menu{
	left: 0;
	position: fixed;
	top: 150px;
	width: 300px;
}
#menu input{
	display: none;
}
#menu label{
	background: rgb(32,44,85);
	cursor: pointer;
	display: block;
	height: 40px;
	position: relative;
	width: 40px;
}
#menu label span{
	background: #fff;
	height: 2px;
	left: 14px;
	position: absolute;
	top: 19px;
	transition: all .3s ease;
	width: 12px;
}
#menu label span:nth-child(1){
	top: 14px;
}
#menu label span:nth-child(3){
	top: 24px;
}
#menu ul{
	background: #fff;
	list-style: none;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	padding: 0;
}
#menu ul li a{
	background: rgb(236,237,238);
	color: rgb(32,44,85);
	display: block;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: .25rem;
	padding: 16px 32px 16px 16px;
	position: relative;
}
#menu ul li a:before{
	background: rgb(32,44,85);
	content: '';
	height: 2px;
	position: absolute;
	right: 14px;
	top: 30px;
	width: 18px;
}
#menu ul li a:after{
	background: rgb(32,44,85);
	content: '';
	height: 18px;
	position: absolute;
	right: 22px;
	top: 22px;
	width: 2px;
}
#menu #chkMenu:checked ~ ul{
	max-height: 5000px;
}
#menu #chkMenu:checked ~ label span{
	top: 19px;
}
#menu #chkMenu:checked ~ label span:nth-child(1),
#menu #chkMenu:checked ~ label span:nth-child(2){
	transform: rotate(45deg);
}
#menu #chkMenu:checked ~ label span:nth-child(3){
	transform: rotate(-45deg);
}
#menu ul li a:hover{
	background: rgb(32,44,85);
	color: #fff;
}
#menu ul li a:hover:before,
#menu ul li a:hover:after{
	background: #f2af1e;
}
.panel{
	color: #374151;
	font-size: 1.25rem;
	padding: 3rem .5rem;
	text-align: justify;
}
.panel:nth-child(even){
	background: #e5e7eb;
}
.panel_title{
	color: #0074c8;
	display: block;
	font-size: 1.875rem;
	font-weight: bold;
	padding-bottom: 2rem;
	text-align: left;
	text-transform: uppercase;
}
.panel img{
	height: auto;
	max-width: 1000px;
	width: 100%;
}
footer{
	background: #192243;
}
footer #logos{
	padding: 1rem;
	text-align: center;
}
footer #logos a{
	float: left;
	height: 125px;
	padding: 0 1rem 2rem 1rem;
	text-align: center;
	width: 50%;
}
footer #links{
	background: #1f2b55;
	padding: 3rem 0;
	position: relative;
}
footer #links .col{
	float: left;
	padding-bottom: 1rem;
	width: 50%;
}
footer #links .col a{
	color: #fff;
	display: block;
	font-weight: bold;
	margin-bottom: 1rem;
	text-align: center;
	text-transform: uppercase;
}
footer #social{
	float: left;
	margin-bottom: 1rem;
	padding: 0 1rem;
	width: 100%;
}
footer #social a{
	display: inline-block;
	height: 2rem;
	margin: 0 .5rem;
	width: 2rem;
}
footer #social a svg{
	fill: rgba(255,255,255,.5);
	stroke: rgba(255,255,255,.5);
}
footer #address{
	color: #fff;
	text-align: center;
}
footer #address img{
	height: auto;
	width: 90px;
}
footer #address strong{
	text-transform: uppercase;
}
footer #copy{
	background: #262626;
	color: #fff;
	padding: 2rem 4rem;
}

@media screen and (min-width: 640px){
	header div{
		width: 200px;
	}
	footer #links .col{
		width: 25%;
	}
}
@media screen and (min-width: 768px){
	footer #logos a{
		width: 25%;
	}
}
@media screen and (min-width: 1024px){
	section{
		padding: 80px 16px;
	}
	#menu{
		float: left;
		position: relative;
		top: 0;
		width: 22%;
	}
	#menu label{
		display: none;
	}
	#menu ul{
		max-height: 5000px;
	}
	#panels{
		float: right;
		width: 75%;
	}
	.panel{
		padding: 3rem;
	}
	footer .cols,
	footer #social{
		float: right;
		width: 70%;
	}
	footer #social{
		text-align: right;
		width: 60%;
	}
	footer #address{
		left: 1rem;
		position: absolute;
		text-align: left;
		top: 3rem;
		width: 30%;
	}
}
@media screen and (min-width: 1280px){
	.panel_title{
		font-size: 3rem;
	}
	footer #logos a{
		display: inline-block;
		float: none;
		height: 90px;
		padding: 0 1rem;
		width: auto;
	}
	footer #address{
		left: 4rem;
	}
}
@media screen and (min-width: 1536px){
	section{
		padding: 5rem 2rem;
	}
}