body{
	padding:0;
	margin:0;
	font-family: 'Jura', sans-serif;
}
/* #bar{
	width:100%;
	height:8px;
	background-color:rgb(183, 36, 36);
	clear:both;
} */
#header{
	padding:10% 0% 15% 0%;
	width:100%;
	background: url(/images/VKP1010_02.jpg) no-repeat fixed center -300px;
	box-shadow: inset 0 0 0 500px rgba(183, 36, 36, 0.8);
	text-align:center;
	color:white;
}
h1{
	font-family: 'Lobster Two', cursive;
	color:white;
	font-size:4em;
	line-height: .5;
}
h3{
	font-size:1em;
}
a{
	text-decoration:none;
	color:white;
}
.content{
	padding-top:25px;
	text-align:center;
	margin: auto;
    width: 90%;
}
.iGrid{
	margin: auto;
    width: 90%;
	text-align:center;
}
.iGrid img{
	border-radius:50%;
	margin:.5%;
    width: 11%;
	float:left;
	border: 1px solid rgba(0, 0, 0, 1);
}

/* info pages */

.wrapper{
	margin:2% 5% ;
	//display:grid;
	//grid-template-columns: 1fr 8fr 1fr;
}
.moreInfo{
	background-color:rgba(183, 36, 36, 0.9);
	border-radius:25em;
	display:grid;
	grid-template-columns: 1fr 2fr;
	grid-gap:1em;
}
.moreInfo img{
	width:90%;
	margin:5%;
	border-radius:50%;
}
.infoText{
	color:white;
	margin:auto 10px;
	padding:0 2em 0 0;
	line-height:1.5em;
	font-size:1.5em;
}
.button{
	display:block;
	text-align:center;
	background-color:rgba(183, 36, 36, 0.8);
	padding:1em;
	width:25%;
	border-radius:2em;
	margin:auto;
	font-size:1.7em;
	color:white;
	line-height:.8em;
	font-family: Sans-Serif;
	border:1px solid rgba(183, 36, 36, 1);
}
.button:hover{
	background-color:rgba(183, 36, 36, 1);
	color:white;
}
.mbutton{
	display:block;
	text-align:center;
	background-color:rgba(183, 36, 36, 0);
	padding:1em;
	width:25%;
	border-radius:2em;
	margin:auto;
	font-size:1.7em;
	color:white;
	line-height:.8em;
	font-family: Sans-Serif;
	border:1px solid white;
}
.mbutton:hover{
	background-color:rgba(183, 36, 36, 0.5);
	color:white;
}
.vscom{
	font-size:.8em;
}
.space{
	line-height:2em;
	clear:left;
}
.iText{
	display:inline-block;
	line-height:1.2em;
	font-size:1.2em;
	padding:0 1em;
	max-width: 80%;
}
.imageAndContent img{
	width:30%;
}
.imageAndContent{
	height:100%;
	text-align:center;
}
.iImage{
	vertical-align:middle;
	float:none;		
}
@media screen and (max-width: 599px) {
	#header{
		background: url(/images/VKP1010_02.jpg) no-repeat fixed center 30%;
	}
	h1{
		font-size:2.5em;
	}
	h2{
		font-size:1em;
	}
	.content{
		padding-top:0.1em;
	}
	.iGrid img{
		margin:2%;
		width: 20%;
	}	
	.button{
		width:70%;
		font-size:1.5em;
	}
	.mbutton{
		width:70%;
		font-size:1.5em;
	}	
	.vscom{
		//font-size:.8em;
	}
	.imageAndContent img{
	    width:80%;
    }
}
@media screen and (max-width: 999px) {
	.imageAndContent img{
	    width:80%;
    }
	.mbutton{
		width:70%;
	} 
	.button{
		width:70%;
	}	
}