body {

	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000000;
}

div.static{
	margin-left: auto;
	margin-right: auto; 
}

.column {
	float: left;
	width: 30%;
	padding: 15px;
	align-content: center;
	align-items: center;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}


@media screen and (max-width: 500px) {
	.column.side, column.middle {
		width: 100%;
	}
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;

	
}

header {
	margin-top: 170px
}



/*.center p {
	color: white;
	font-size: 18px;
	font-family: "Arial", sans-serif;
	margin: 0;
	text-align: center;
	position: absolute;
	top: 553px;
	left: 368px;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 294px;
	height: 22px;
}
*/
p {
	color: #ffffff;
	font-size: 20px;
	font-family: "Arial", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-align: center;
}

p.social {
	padding-left: 50px;
}

p.copyright {
	font-size: 12px;
	text-align: right;
	padding-right: 30px;
}
.columnfooter {
	float: right;
	width: 50%;
	height: 80px;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align; center;
	background-color: #000000;
}

.footerrow:after {
	content: "";
	display: table;
	clear: both;
}

.footer {
	height: 80px;
	margin-bottom; 0px;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}