html, body { margin: 0px; padding: 0px; border: 0px; }


body{
	font-family: 'Open Sans', sans-serif;	
	background-color: #111;
   
}
.images {
text-align: center;
}

@media only screen and (min-width: 769px){ 

		p{


	}
#picture{
	    width: 100%;
    height: 60vw;
    text-align: center;
		background-image:url('images/arthurschumanbanner.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-color: black;
 top:0px;
 left: 0px;
position: relative;
z-index: 0;
overflow: hidden;
color: white;
font-size:  60px;
font-weight: 200;

}

.about{
	width: 800px;
    margin: 0 auto;
    text-align: center;
	color: white;
	z-index: 1;
	padding-top: 50px;	
	overflow: hidden;
	line-height: 25px;
	font-weight: 200;
	margin-bottom: 50px; 

}




.mainlogo{
	width:40%;
	margin-top: 100px;

}

.block1{
	height:100px;
	
}
.vectorc{
	width:250px;
	height:100px;
	float: left;
	font-size: 24px;
	font-weight: 500;
	text-align: right;
	padding-right: 50px;
}

.connect{
	float:left;
	width:540px;
	text-align: left;

	
}
.block2{
	height:250px;
	
}
.block3{
	height:50px;
	
}
.vectora{
	width:250px;
	height:100px;
	float: left;
	text-align: left;
	font-size: 24px;
	font-weight: 500;
	text-align: right;
	padding-right: 50px;

}

.aboutinfo{
	float:left;
	width:60%;
	text-align: left;

}

.vector3{
	width:250px;
	height:100px;
	float: left;
	text-align: left;
}

.text3{
	float:left;
	width:540px;
	text-align: left;
}


.related {

	color: #fff;
	background: #222;
	text-align: left;
	font-size: 1.25em;
	padding: 50px;
	overflow: hidden;
	width:100%;

}

.related a {
	
	color: white;
	text-align: left;
	margin: 05px auto;
	line-height:.05em;
	font-weight: 200;
}
.related2 {
width: 100%;
position: fixed;
	color: #fff;
	background: #333;
	text-align: left;
	font-size: 1.25em;
	padding: 3em 0;
	overflow: hidden;
	padding:20px;
	bottom:0px;

}

.testimonials {
width: 100%;
position: fixed;
	color: #fff;

	text-align: left;
	font-size: 1.25em;
	padding: 3em 0;
	overflow: hidden;
	padding:20px;
	bottom:0px;

}
.related2b {
width: 100%;

	color: #fff;
	background: #333;
	text-align: left;
	font-size: 1.25em;
	padding: 3em 0;
	overflow: hidden;
	padding:20px;
	bottom:0px;

}


.related2 a {

	color: white;
	text-align: left;
	margin: 05px auto;
	line-height:.05em;
font-weight: 200;


}


.related a:hover,
.related a:active {
	opacity: 1;
	color: white;
	border-bottom: 1px solid #fff;

}

.related a img {
	max-width: 100%;
}

.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}



.related_gallery a {

	color: white;
	text-align: left;
	margin: 05px auto;
	line-height:.05em;
font-weight: 200;
}

.images{
	float:left;
}
.images p{
	
	padding-left:20px;
}

.menu{
width: 280px;
height:100%;
position: absolute;
 text-transform: uppercase;
color: white;
left: 0px;
top: 0px;
font-size: 16px;
letter-spacing: 2px;
padding-top: 20px;
padding-left: 20px;
text-align: left;
line-height: 40px;
background-color: rgba(0, 0, 0, 1);

}


#galleryr{
display:inline-block;
    height: 85vh;
width: 1380vh;
 left: 0px;
z-index: 0;
color: white;
font-size:  20px;
font-weight: 200;
overflow:hidden;

}
#galleryr img{
	height:75vh;
	min-height: 600px;
}


#galleryp{
display:inline-block;
    height: 85vh;
width: 1150vh;
 left: 0px;
z-index: 0;
color: white;
font-size:  20px;
font-weight: 200;
overflow:hidden;

}
#galleryp img{
	height:75vh;
	min-height: 600px;
}


#galleryprod{
display:inline-block;
    height: 85vh;
width: 970vh;
 left: 0px;
z-index: 0;
color: white;
font-size:  20px;
font-weight: 200;
overflow:hidden;

}
#galleryprod img{
	height:75vh;
	min-height: 600px;
}

.related_gallery {
	width: 100%;
	color: #fff;
	background: #333;
	text-align: left;
	font-size: 1.25em;
	padding: 3em 0;
	overflow: hidden;
	padding:20px;
	position: fixed;
	bottom:0px;
	left:0px;
}

.logo{
width:90%;
}

.footer{
	width:120px; 
}
.contact{
	width:70%;
	float: left;
}
.nf{
	padding-top: 30px;
	width:20%;
	float: right;
	max-width: 100px;
}
}

@media only screen and (max-width: 768px){ 

	p{
margin-top: 5px;

	}
#picture{
	    width: 100%;
    height: 60vw;
    text-align: center;
		background-image:url('images/arthurschumanbanner.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-color: black;
 top:0px;
 left: 0px;
position: relative;
z-index: 0;
overflow: hidden;
color: white;
font-size:  60px;
font-weight: 200;

}

.about{
	width: 100%;
    margin: 0 auto;
    text-align: center;
	color: white;
	z-index: 1;
	padding-top: 50px;	
	overflow: hidden;
	line-height: 25px;
	font-weight: 200;
	margin-bottom: 50px; 

}

.menu{
width: 280px;
height:100%;
position: absolute;
 text-transform: uppercase;
color: white;
left: 0px;
top: 0px;
font-size: 16px;
letter-spacing: 2px;
padding-top: 20px;
padding-left: 20px;
text-align: left;
line-height: 40px;
background-color: rgba(0, 0, 0, 1);

}


.mainlogo{
	width:40%;
	margin-top: 50px;

}

.block1{
	height:150px;
	width: 100%;
	
}
.vectorc{
	width:100%;
	height:50px;
	float: left;
	text-align: left;
	font-size: 24px;
	font-weight: 500;
	padding-left: 22%;
}

.connect{
	float:left;
	width:100%;
	padding: 0px 10px 50px 22%;
	text-align: left;
	line-height: 30px;

	
}
.block2{
	height:250px;
	width: 100%;
	
}
.block3{
	height:50px;
	width: 100%;
	
}
.vectora{
	width:85%;
	height:50px;
	float: left;
	text-align: left;
	font-size: 24px;
	font-weight: 500;
	padding-left: 22%;

}

.aboutinfo{
	float:left;
	width:85%;
	padding: 0px 10px 50px 22%;
	text-align: left;

}

.vector3{

}

.text3{
	float:left;
	width:85%;
	padding: 0px 10px 50px 22%;;
	text-align: left;
}


.related {

	color: #fff;
	background: #222;
	text-align: left;
	font-size: 18px;
	padding: 20px;
	overflow: hidden;
	width:100%;
	padding-left:12%;

}

.related a {
	
	color: white;
	text-align: left;
	margin: 05px auto;
	line-height:.05em;
	font-weight: 200;
}
.related2 {
width: 100%;
	color: #fff;
	background: #333;
	text-align: left;
	font-size: 16px;
	padding: 3em 0;
	overflow: hidden;
	padding:20px;

}
.testimonials {
	color: #fff;
	text-align: left;
	font-size: 1.25em;
	padding: 20px;
	overflow: hidden;
	width:100%;
	padding-left:22%;

}
.related2b {
width: 100%;
	color: #fff;
	background: #333;
	text-align: left;
	font-size: 16px;
	padding: 3em 0;
	overflow: hidden;
	padding:20px;

}


.related2 a {

	color: white;
	text-align: left;
	margin: 05px auto;
	line-height:.05em;
font-weight: 200;


}


.related a:hover,
.related a:active {
	opacity: 1;
	color: white;
	border-bottom: 1px solid #fff;

}

.related a img {
	max-width: 100%;
}

.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}



.related_gallery a {

	color: white;
	text-align: left;
	margin: 05px auto;
	line-height:.05em;
font-weight: 200;
}

.images{
	
}
.images p{
	
	text-align: center;

}



#galleryr{
display:inline-block;
width: 100%;
 left: 0px;
z-index: 0;
color: white;
font-size:  20px;
font-weight: 200;
overflow:hidden;
margin-bottom: 22%;

}
#galleryr img{
	width:100%;
}


#galleryp{
display:inline-block;

width: 100%;
 left: 0px;
z-index: 0;
color: white;
font-size:  20px;
font-weight: 200;
overflow:hidden;
margin-bottom: 22%;

}
#galleryp img{
	width:100%;
}

#galleryprod{
display:inline-block;

width: 100%;
 left: 0px;
z-index: 0;
color: white;
font-size:  20px;
font-weight: 200;
overflow:hidden;
margin-bottom: 22%;

}
#galleryprod img{
	width:100%;
}

.related_gallery {
	width: 100%;
	color: #fff;
	background: #333;
	text-align: left;
	font-size: 1.25em;
	padding: 3em 0;
	overflow: hidden;
	padding:20px;
	position: fixed;
	bottom:0px;
	left:0px;
}

.logo{
width:90%;
max-width: 300px;
margin: 0 ay
}

.footer{
	width:120px; 
}
.contact{
	width:70%;
	float: left;
}
.nf{
	padding-top: 10px;
	width:30%;
	max-width: 150px;
	float: right;
}
}