html, body {height: 100%;}




body {background: #ccc}









h1 {font-family: calibri; font-size: 70px; line-height: 0;}














.animate {




-webkit-transation: all 0.3s ease-out;




transation: all 0.3s ease-out;




}









.button {display: inline-block; background: red; color: #fff; padding: 10px 20px; border-radius: 30px; text-decoration: none;}




.button2 {display: inline-block; background: #eee; color: #fff; padding: 5px 5px; border-radius: 30px;}



















.cover {height: 100%;




background-image: url("wallpaper.png");




background-size: cover;




-o-background-size: cover;




-moz-background-size: cover;




background-position: center center;




position: relative;




}









.cover_filter {background: #ccc; width: 100%; height: 100%; position: absolute; z-index: 0; opacity: 0}




.cover_caption {display: table; height: 100%; width: 100%; padding: 0 15px; position: relative; z-index: 1;}




.cover_caption_copy {display: table-cell; vertical-align: middle; text-align: left;}



















/*--------tablet--------*/




@media (max-width: 998px) {














.button {display: inline-block; background: red; color: #fff; padding: 10px 20px; border-radius: 30px; text-decoration: none;}




.button2 {display: inline-block; background: #eee; color: #fff; padding: 5px 5px; border-radius: 30px;}









}









/*-----smartphone--------*/




@media (max-width: 767px){









h1 {font-family: calibri; font-size: 30px; line-height: 0;}




h3 {font-family: calibri; font-size: 14px;}




h5 {font-family: calibri; font-size: 8px;}














.button {display: inline-block; background: red; color: #fff; padding: 5px 10px; border-radius: 20px; text-decoration: none;}




.button2 {display: inline-block; background: #eee; color: #fff; padding: 3px 3px; border-radius: 20px;}









.cover {position: fiex; z-index:100%; width: 100%;}









.cover {display: block; overflow: hidden;}














}
























.clearfix:after {




  visibility: hidden;




  display: block;




  font-size: 0;




  content: " ";




  clear: both;




  height: 0;




}




* html .clearfix             { zoom: 1; } /* IE6 */




*:first-child+html .clearfix { zoom: 1; } /* IE7 */









*,




*:before,




*:after {




-webkit-box-sizing: border-box;




-moz-box-sizing: border-box;




box-sizing: border-box;




}