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

  .logoabsolute img {

    width: 300px !important;

  }

}



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

  .logoabsolute img {

    width: 200px !important;

  }

}



.infoabsolute {

  position: absolute;

    float: left;

    width: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 40px;

    text-align: center;

}



.infoabsolute h1 {

  text-transform: uppercase;

  color: #fff;

}



.infoabsolute h3 {

  text-transform: uppercase;

  color: #fff;

}



.infoabsolute p {

  color: #fff;

  margin-top: 15px;

  font-weight:600;

}



.infoabsolute p a {

  color: #fff;

  text-decoration: none;

}



.logoabsolute {

  position: absolute;

  float: left;

  width: 100%;

  left: 0;

  right: 0;

  top: 0;

  margin: 0 auto;

  padding: 40px;

  text-align: center;

}



.logoabsolute img {

  width: 400px;

}



html, body {


  width: 100%;
  height: 100%!important;

  font-size: 14px;

  color: #fff;

  vertical-align: baseline;

  font-family: "Open Sans", sans-serif;

  font-size: 14px;

  line-height: 1.715em;

  font-weight: 400;


  margin: 0;

  padding: 0;

}


body {

  float: left;

  width: 100%;

  height: 100%;

  background-image: url("bg.jpg");

  background-position: center center;

  background-repeat: repeat!important;

  background-size: cover;

}



p {

  margin: 0;

  padding: 0;

}



*, ::after, ::before {

    box-sizing: border-box;

}



.h1, .h2, .h3, h1, h2, h3 {

  margin: 0;

}