@media (min-width: 240px) {
header{
background-image:url("resources/banner992.png");
padding-right: 15px;


}
.nav_menu ul LI a 
{
	text-align: justify;
	padding-top:9%;
	padding-bottom: 11%;
	padding-left: 6px;
	padding-right: 2px;
	vertical-align: 50%;
	width:75px;
}




.nav_menu ul{	
font-size:85%;
position: relative;
margin:4%;

}

nav {
	min-width:350px;
	max-width: 80%;
	position:relative;
	margin-bottom:10%;
	padding-bottom:0%;
	margin-right: 0%;
	animation-name: fadein;
	animation-duration: 8s;
	animation-iteration-count: 1;
	padding-right:5%;
	display: list-item;
	
}


.nav_menu ul LI
{
 	
	float: left;
	vertical-align: text-top;
	align-self:center;
	align-content:center;
	padding-right:5%;
	margin-bottom:0%;
	padding-bottom:6%;
	list-style: none;
	
	
}

aside {

font-size: 75%;
max-width: 20%;
float:right;
position:relative;
border-left: 1px solid #000000;
animation-name: fadein;
animation-duration: 8s;
animation-iteration-count: 1;
}

aside ul {
position:relative;
margin:0%;
padding:10%;
}

section img {
width:70%;
height:70%;
margin:0.5%;
animation-name: fadein;
animation-duration: 8s;
animation-iteration-count: 1;
}

aside ul li{
padding-top:7%;
padding-bottom:7%;
padding-left:2%;
margin-left:0%;
display:grid;
}

aside ul li a
{
padding-top:8%;
padding-bottom:8%;

}



.title img {
display: inline-block;
float:left;
width: 9%;
height: 9%;
}

.title img:hover{
	transition:2s;
	opacity: 50%;
}
section
{
padding-top: 150px;

}
article
{
	margin-bottom: 0%;
	padding-bottom: 0.1%;
	padding-top:0%;
	margin-left:0.2%;
	margin-right: 0.2%;
	max-width: 75%;
	font-size:100%;
}

article img{
width:100%;
max-width:800px;
}

article ul li{

font-size: 100%; 
}

.footer
{
	border-top: 1px solid #000000;
	position:relative;
	max-width:75%;
	font-size: 80%;
	text-align: center;
	min-width: 5%;
	margin-top:1%;
	padding-top:1%;
	margin-bottom:1%;
	padding-bottom:1%;
	height:2%;
}

.copyright
{

	position:relative;
	max-width:100%;
	font-size: 80%;
	text-align: center;
	min-width: 5%;
	animation-name: slidein;
	animation-duration: 8s;
	animation-iteration-count: 1;
}

.logo img
{
	position:relative;
	width: 30%;
	height: 30%;
	text-align: center;
	min-width: 30%;
	animation-name: fadein;
	animation-duration: 8s;
	animation-iteration-count: 1;
}

.logo img:hover 
{
height: 55%;
width: 55%;
transition:2s;
}


@keyframes slidein {
from {
	margin-left: -100%;
	width: 100%;
}

to {
	margin-left: 0%;
	width: 100%;
}
}


@keyframes fadein {
from 
{
opacity: 20%;
transition: opacity 1s;
} 
to {
opacity: 100;
}
}
}

@media (min-width: 1024px) {
header{
background-image:url("resources/banner1200.png");
background-size: cover;
}

section img {
width:80%;
height:80%;
margin:0.5%;
animation-name: fadein;
animation-duration: 8s;
animation-iteration-count: 1;
}
nav {
	
	max-width: 80%;
	position:relative;
	margin-right: 2%;
	padding-right:2%;
	animation-name: fadein;
	animation-duration: 8s;
	animation-iteration-count: 1;
	padding-bottom: 0%;
	
	
		}

.nav_menu ul li{
width:180px;
display:list-item;
list-style:none;


}
.nav_menu ul li a 
{
	align-self:stretch;
	align-items:stretch;
	text-align:left;
	font-size: 110%;
	padding-right:5%;
	text-decoration: none;
	padding-top: 6%;
	vertical-align:50%;
}


section{
padding-top:150px;}


aside {
width:20%;
font-size: 90%;
max-width: 20%;
float:right;
position:relative;
border-left: 1px solid #000000;
animation-name: fadein;
animation-duration: 8s;
animation-iteration-count: 1;

}


aside ul {
position:relative;
padding:0%;

}


aside ul li{
padding:1%;

}

aside ul li a
{

padding:10%;

}

.title img {
display: inline-block;
float:left;
width: 4.7%;
height: 4.7%;
}

.title img:hover{
	transition:2s;
	opacity: 50%;
} 
article
{
	margin-top:0%;
	margin-bottom: 0.9%;
	padding-bottom: 0.1%;
	max-width: 75%;
	font-size:100%;
	margin-right: 0.2%;
}



article img{
width:100%;
max-width:800px;
}

article ul li{

font-size: 100%; 
}

.footer
{
	border-top: 1px solid #000000;
	position:relative;
	max-width:75%;
	font-size: 90%;
	text-align: center;
	min-width: 5%;
	margin-top:1%;
	padding-top:1%;
	margin-bottom:1%;
	padding-bottom:1%;
	height:2%;
}

.copyright
{

	position:relative;
	max-width:100%;
	font-size: 90%;
	text-align: center;
	min-width: 5%;
	animation-name: slidein;
	animation-duration: 8s;
	animation-iteration-count: 1;
}

.logo img
{
	position:relative;
	width: 15%;
	height: 15%;
	text-align: center;
	min-width: 5%;
	animation-name: fadein;
	animation-duration: 8s;
	animation-iteration-count: 1;
}

.logo img:hover 
{
height: 20%;
width: 20%;
transition:2s;
}


@keyframes slidein {
from {
	margin-left: -100%;
	width: 100%;
}

to {
	margin-left: 0%;
	width: 100%;
}
}


@keyframes fadein {

from {
opacity: 20%;
transition: opacity 1s;
} 
to {
opacity: 100;

}
}


@media (min-width: 1366px) {
	header{
		background-image:url("resources/banner1920.png");
		background-size:cover;	
			}

	.title img {
			display: inline-block;
			float:left;
			width: 3%;
			height: 3%;
					}
	.title img:hover{
		transition:2s;
		opacity: 50%;
						}

.nav_menu ul li a {
	
	font-size:110%;
	padding:7%;
	vertical-align:100%;
}					
						
nav {
	max-width: 100%;
	position:relative;
	margin-right: 2%;
	animation-name: fadein;
	animation-duration: 4s;
	animation-iteration-count: 1;
	padding-bottom:0%;
	display:block;
	

	}


.nav_menu ul li{
	list-style:none;
	margin-right:5%;
	margin-bottom:0%;
	float: left;
	padding-top:2%;
	padding-bottom:1%;
	padding-right:0%;
	padding-left:2%;
	width:200px;
	
}


aside  {
	max-width:100px;
	margin-top:5%;
	width:15%;
	position:relative;
	border-left: 1px solid #000000;
	padding-left:1%;
	animation-name: fadein;
	animation-duration: 8s;
	animation-iteration-count: 1;
	
}

section {
padding-top:170px;

}
section img {
width:90%;
height:90%;
margin:0.5%;
animation-name: fadein;
animation-duration: 8s;
animation-iteration-count: 1;
}

aside ul {
position:relative;
font-size:100%;
margin:0.1%;
padding:5%;

}

aside ul li{
padding:0%;
}


aside ul li a
{
padding:5%;
}

article
{
	position:relative;
	margin-bottom: 0.9%;
	padding-bottom: 0.1%;
	margin-top:0%;
	padding-top:0%;
	max-width: 85%;
	font-size:100%;
	margin-right: 4.2%;

}

article H1{
font-size:150%;}


article img{
width:100%;
max-width:800px;
float:left;
}

article ul li{

font-size: 100%; 
}

.footer
{
	border-top: 1px solid #000000;
	position:relative;
	max-width:85%;
	font-size: 90%;
	text-align: center;
	min-width: 5%;
	margin-top:1%;
	padding-top:1%;
	margin-bottom:1%;
	padding-bottom:1%;
	height:2%;
}

.copyright
{

	position:relative;
	max-width:100%;
	font-size: 90%;
	text-align: center;
	min-width: 5%;
	animation-name: slidein;
	animation-duration: 8s;
	animation-iteration-count: 1;
}


.title img {}


.logo img
{
	position:relative;
	width: 15%;
	height: 15%;
	text-align: center;
	min-width: 5%;
	animation-name: fadein;
	animation-duration: 8s;
	animation-iteration-count: 1;
}

.logo img:hover 
{
height: 20%;
width: 20%;
transition:2s;
}


@keyframes slidein {
from {
	margin-left: -100%;
	width: 100%;
}

to {
	margin-left: 0%;
	width: 100%;
}
}

@keyframes fadein {
from 
	{
opacity: 20%;
transition: opacity 1s;
	} 
to
	{
opacity: 100;
	}
						}
}
}


a:link {color:black;}
a:visited{color:green;} 
a:hover {color:white;
			background-color: black;
			background-clip: padding-box;
}		
a:active {color:blue;}

.pmulti p{
	font-size:10vw; 
}


.tty
{
background-color: black;
color: #FFFFFF;
font-size:100%;
border-width:thin;
border:2px;
margin:2px;
padding:4px;
font-family:Universe;
}