body {font-family: 'Lato', Verdana, sans-serif; text-align: center; color:#FFF; font-size:18px;
	background-image: url("image.jpg");
	background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	margin:0;	}
	.header-img {position: relative; width: 100%;}
h1, h2 {font-family: 'Anton', Verdana, sans-serif;}
h2 {margin-bottom: 15px; margin-top: 30px; text-align:left;}
h1 {margin-bottom: -8px;
margin-top: -3px;
font-size: 78px;
padding-top: 20px}
.tg  {border-collapse:collapse;border-spacing:0;border-color:#999;}

@media screen and (max-width: 1024px) {.tg {width:auto !important; margin-right: auto; margin-left: auto;}.tg col {width: auto!important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}
@media screen and (max-width: 870px) {
	.maintext {
		padding-right: 2%;
		padding-left: 2%;}
		.mainleft {max-width:100%;}
		.mainright{max-width:100%;}
}

@media screen and (min-width: 870px) {
	.maintext{
padding-bottom: 25px;
padding-right: 20%;
padding-left: 20%;}

.mainleft{
	float: left;
text-align: left;
max-width: 48%;
padding-right: 10px;
}
.mainright{
    text-align: left;
    max-width: 48%;
    float: left;
    padding-left: 10px;
}
}
.tg {width:1030px; margin-right: auto; margin-left: auto;}
.tg-wrap {width:100%;
margin-right: auto;
margin-left: auto;
background:rgba(0,64,127,0.75);
border-bottom: 4px solid #FFF;
position:absolute;
overflow: hidden;
}

.pics {padding-top: 10px;
width: 100%;
height: 100%;
float: left;
border-top: 1px solid rgba(255,255,255,0.18);}
.pic1, .pic2, .pic3, .pic4 {padding: 40px; margin-bottom: -5px; margin-top: -10px; height: 346px;}
.pic1 {border-left: 1px solid rgba(255,255,255,0.18);}
.pic2 {border-left: 1px solid rgba(255,255,255,0.18);}
.pic3 {border-right: 1px solid rgba(255,255,255,0.18);}
.pic4 {border-right: 1px solid rgba(255,255,255,0.18);}
.vers {position: fixed;
left: 10px;
top: 5px;
color: rgb(0,64,127);
z-index: 1;
padding: 0;
margin: 0;
font-size:12px;}