/*MEDIA Query*/

@media only screen and (max-width: 580px) {
	
	body {font-size:17px;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
	
	#logo {padding-left: 2%; height: 42px;}
	
	#slogan {
		font-size: 100%;
		padding-left: 3%;
	}
	
	nav {width: 100%;
	display:flex;
		}
	
	nav a{flex: 1;
	text-align:center;}
	
	nav a svg{ 
	display:block; margin:auto;
				}
	
	nav a {
		padding-left: 1.5%;
		padding-right: 1.5%;
		pading-top: 4px;
		padding-bottom:4px;}
		
}

@media only screen and (max-width: 640px) {		
.alignLeft-responsive, .alignRight-responsive {float:none; max-width: 100%; margin: 16px 0px 16px 0px;}
	
ul.ulPicture2 li{width:100%;}
	
}



@media only screen and (max-width: 400px) {
	
.picture2 figure:nth-child(1) {width: 100%; float:none;}
.picture2 figure:nth-child(2) {width: 100%; float:none;}

body{font-size: 95%;}
.support-contact a {font-size: 90%;}


a.link-box {font-size: 85%}


h1 {
	font-size: 18px;
	height: 120%;
	
}
h2 {
	font-size: 17px;
	}



/*
ul.ulPicture3 li{
	width: 100%;
	border-bottom: solid 1px #ccc;
			
}
*/
ul.ulPicture2 li{
	width: 100%;
	padding: 0px;
	list-style-type: none;
	margin-top: 16px;
	margin-bottom: 0px;
			
}

}
/*
@media only screen and (max-width: 400px) {
	
nav{width:320px;}

nav a{
	font-size: 10px;
	padding-right: 6px;
}	
	
}
*/