html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
body,h1 {font-family: "Raleway", sans-serif}
body, html {height: 100%}
.bgimg {
  background-image: url('universo.jpg');
  min-height: 100%;
  background-position: center;
  background-size: cover;
}

.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.text-white,.hover-text-white:hover{color:#000!important}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.jumbo{font-size:64px!important}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.large{font-size:18px!important}
.center{text-align:center!important}

@media (max-width:1350px) {
  .jumbo{font-size:48px!important}
}

@media (max-width:910px) {
  .jumbo{font-size:33px!important}
}

@media (max-width:660px) {
  .jumbo{font-size:30px!important}
  .display-middle {   
    top: 50%;
    left: 40%;
    transform: translate(-40%,-40%);
    -ms-transform: translate(-50%,-50%);
  }


}

@media (max-width:550px) {
  .jumbo{font-size:30px!important}
  .display-middle {   
    top: 30%;
    left: 0;
    right: 0;
    transform: none;
    text-align: center;   
  }


}

@media (max-width:3900px) {
  .jumbo{font-size:25px!important}
}