html, body {
  text-align: left;
  color: #fff;
  height: 100%;
  background-attachment: scroll;
  background-image: url(imgs/background.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-color: #222;
  margin: 0 auto;
  font-family: 'Ubuntu', 'sans-serif';
}


article,
aside,
footer,
header,
nav,
section {
  display: block;
}

.container {
  height: 100%;
  display: table;
}

.main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*background-image: url(imgs/stratosfera.png);*/
  z-index: 100;
}

.shadowfilter {
	-webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.80));
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;

}.shadowfilter:hover {
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8));
}

.text-center {
  text-align: center;
}

.contact-us {
  text-decoration: none;
  color: #fff;
}

.contact-us:hover {
  color: #eb1b8c;
}

@media screen and (max-width: 768px)  {
  .logo {
    width: 100%;
  }
}