html {
  height: 100%;
  /*overflow: hidden;*/
}
body {
  height: 100%;
  min-height: 100%;
  position:relative;
  /*overflow: scroll;*/
}

@font-face {
    font-family: Andes_Black;
    src: url(../fonts/Andes_Black.otf);
}

@font-face {
    font-family: Andes_Bold;
    src: url(../fonts/Andes_Bold.otf);
}

@font-face {
    font-family: Andes_Light;
    src: url(../fonts/Andes_Light.otf);
}

@font-face {
    font-family: Andes_Regular;
    src: url(../fonts/Andes_Regular.otf);
}

.bg1 {
  background: url(../img/background2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:10px;
  height:100%;
}

.header-social-link {
    display: inline-block;
    margin: 0 3px;
}

.logo {
  margin-top:110px;
  margin-bottom: 30px;
  width:26%;
}

.baixo {
  position: absolute;
  bottom:16%;
  width:100%;
}

.cultura {
  width:25%;
}

.header-social-logo {
  width:45px;
  height:45px;
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
  .logo {
    width:65%;
    margin-top: 65px;
  }

  .cultura {
    width:77%;
  }

}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .logo {
      margin-top: 15px;
    }

  .cultura {
    width:30%;
  }

  .baixo {
    bottom:10%;
  }

  .logo {
    margin-bottom: 15px;
  }  

  .header-social-logo {
    width:35px;
    height:35px;
  }

}