body {
	margin: 0;
	--font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: .6em;
	transition-duration: 0.5s;
}

body a {
	text-decoration: none;
	color: white;
}

.main_container {
	width: 100%;
	height: 100%;
}

.main_content {
	display: grid;
	grid-template-rows: 200px auto 35px;
	width: 100%;
	height: 100vh;
}

.header {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: grid;
	grid-template-columns: 95px auto;
	grid-template-rows: 40px 40px 40px;
	grid-gap: 0;
	height: 160px;
	background-color: #5495FF;
	border-radius: 0;
	box-shadow: 0 10px 20px #888;
	color: white;
	font-size: 2em;
	transition-duration: 0.5s;
}

.header_logo {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
	width: 100%;
	height: 100%;
	transition-duration: 0.5s;
}

.header_lable {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	width: 100%;
	transition-duration: 0.5s;
}

.header_sublable {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	font-size: .8em;
	text-align: right;
	transition-duration: 0.5s;
}

.header_menu {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: 20px 20px 20px 20px;
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	column-gap: 0;
	font-size: 1em;
}

.menu {
	border-right: 15px solid #2DB9FF;
	padding-right: 10px;
	text-align: right;
	transition-duration: 0.5s;
	font-size: .4em;
}

.menu:hover {
	border-right: 30px solid #91F4FF;
	padding-right: 20px;
	font-size: .5em;
}

.menu_active {
	border-right: 15px solid #B52DFF;
	padding-right: 10px;
	text-align: right;
	font-size: .4em;
}

.content {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	padding: 20px;
	padding-top: 0;
	overflow: auto;
}

.content h1, .content h2, .content h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #4B0077;
	padding-top: 25px;
}

.content h2 {
	font-size: 1.5em;
	padding-top: 20px;
	padding-left: 15px;
}

.content h3 {
	font-size: 1.2em;
	padding-top: 15px;
	padding-left: 20px;
}

.content p {
	padding-left: 30px;
	line-height: 23px;
}

.content li {
	margin: 0; 
    padding: 0;
	margin-left: 50px;
	padding-left: 5px;
	list-style-position: outside;
}

.content hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.content a {
	color: #4B0077;
	text-decoration: none;
}

.content a::after {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 3px;
	background-image: url('img/link.png');
	background-size: 10px 10px;
	background-repeat: none;
	width: 10px;
	height: 10px;
	content:"";
}

.footer {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	width: 100%;
	height: 35px;
	background-color: #5495FF;
	border-radius: 0;
	box-shadow: 0 -.5vh 2vh #888;
	color: white;
	text-align: center;
	display: grid;
	grid-template-columns: auto 130px 130px 130px auto;
	column-gap: 0;
}

.fmenu {
	border-top: 2px solid #2DB9FF;
	padding-top: 6px;
	font-size: 8px;
	transition-duration: 0.5s;
}

.fmenu:hover {
	border-top: 4px solid #91F4FF;
	padding-top: 4px;
	font-size: 10px;
}

.fmenu_active {
	border-top: 2px solid #B52DFF;
	padding-top: 6px;
	font-size: 8px;
}

.phone {
	display: grid;
	grid-template-columns: 80px auto;
	padding-left: 30px;
}

.link_mail, .link_phone, .link_fax, .link_addr {
	border-bottom: 1px dashed white;
	transition-duration: 0.5s;
}

.link_mail::before, .link_phone::before, .link_fax::before, .link_addr::before {
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 5px;
	background-image: url('img/email.png');
	background-size: 20px 20px;
	background-repeat: none;
	width: 20px;
	height: 20px;
	content:"";
}

.link_mail:hover, .link_phone:hover, .link_fax:hover, .link_addr:hover {
	border-bottom: 1px dashed #4B0077;
}

.link_mail::before {
	background-image: url('img/email.png');
}

.link_phone::before {
	background-image: url('img/phone.png');
}

.link_fax::before {
	background-image: url('img/fax.png');
}

.link_addr::before {
	background-image: url('img/address.png');
	left: -25px;
	margin-right: -20px;
}

.link_addr {
	display: inline-block;
	padding-left: 25px;
}