/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
}
body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
  margin:0;
  overflow:hidden
}

.mainbox {display:block; width:100%; height:100vh; background:url(background4.jpg) center center no-repeat scroll; background-size:cover; position:relative}
.mainbox header {display:table; position:relativel; width:100%; background-color:rgba(0,0,0,0.5); padding:10px; color:#FFF; }
.mainbox header .logo {width:320px; display:block; margin:0 auto; height:auto;}
.mainbox header .logo img {width:100%}

.mainbox  footer {display:block; position:absolute; height: auto; width:100%; left:0; bottom:0; background-color:rgba(0,0,0,0.5); padding:10px; color:#FFF; text-align:center}
.mainbox  footer .container {display:table; width:100%;}
.mainbox  footer .container .contactinfo {display:block; width:33.333333%; padding:0 15px; float:left; font-size:18px}
.mainbox  footer .container .contactinfo strong {display:block;font-size:16px;  text-transform:uppercase; padding:0; margin:0}
.mainbox  footer .container .contactinfo address {font-style:normal}

.mainbox  article {
	display: block;
    left: 60%;
    line-height: 1;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 50%;
	-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);
	}
	
.mainbox .landing-title {  color: #C8C8C8; font-size:30px; font-weight:bold; text-transform:uppercase; line-height:45px; margin:0; padding:0 0 25px 0;display: block;}
.mainbox ul{padding:0; margin:0; list-style:disc;}
.mainbox li {color: #C8C8C8;font-size:20px;font-weight:bold; text-transform:uppercase; line-height:30px; margin:0;}
p.tagline { color: #C8C8C8;
    display: block;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    vertical-align: middle;}
/********* Tablet css************/
@media (max-width: 1199px) {
p.tagline{font-size:40px;}
}
@media (max-width: 991px) {
p.tagline {font-size: 44px;}
.mainbox article {left: 0;margin-top: 0;position: relative;text-align: center;top: 30%;width: 100%;max-width: 100%;}
/********* Mobile css************/
@media (max-width: 767px) {
.mainbox header{padding:5px 0;}
.mainbox article {left: 0;margin-top: 0;position: relative;text-align: center;top: 5%;width:100%;}
.mainbox .landing-title{font-size:18px;line-height:20px;}
p.tagline{font-size:30px;}
.mainbox footer .container .contactinfo {font-size: 14px;margin: 2px 0;padding:0;}
.mainbox footer .container .contactinfo strong{font-size:14px;}
.mainbox footer{padding:0 10px;}
}
@media (max-width: 640px) {
.mainbox .landing-title{padding: 0 0 15px;}
}
@media (max-width: 360px) {
.mainbox footer .container .contactinfo{width:100%;}
}
@media (max-width: 320px) {}