/* Fontes - TTSquares */
@font-face {
  font-family: "tt-squaresblack";
  src: url("../assets/webfonts/ttsquares-black-webfont.woff2") format("woff2"),
    url("../assets/webfonts/ttsquares-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tt-squaresbold";
  src: url("../assets/webfonts/ttsquares-bold-webfont.woff2") format("woff2"),
    url("../assets/webfonts/ttsquares-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tt-squareslight";
  src: url("../assets/webfonts/ttsquares-light-webfont.woff2") format("woff2"),
    url("../assets/webfonts/ttsquares-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tt-squaresregular";
  src: url("../assets/webfonts/ttsquares-regular-webfont.woff2") format("woff2"),
    url("../assets/webfonts/ttsquares-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "tt-squaresregular";
  font-size: 18px;
  color: #ffffff;
  overflow-x: hidden;
  margin: 0 auto;
  background-color: #000000;
}
img {
  max-width: 100%;
}
.z-10 {
  position: relative;
  z-index: 10;
}

/* Títulos e fontes*/
h1,
h2,
h3,
h4,
h5 {
  font-family: "tt-squaresblack", sans-serif;
  color: #ed1c2c;
}
h1 {
  font-size: 85px !important;
}
@media (max-width: 1200px) {
  h1 {
    font-size: 64px !important;
  }
}
@media (max-width: 450px) {
  h1 {
    font-size: 44px !important;
  }
}
h4 {
  font-family: "tt-squaresblack";
  color: #76b900;
}
p {
  font-family: "tt-squaresregular";
  font-size: 24px !important;
}
.font1_regular {
  font-family: "tt-squaresregular";
}
.font1_semi {
  font-family: "acer_focosemibold";
}
.font1_black {
  font-family: "tt-squaresblack";
}
.font1_light {
  font-family: "tt-squareslight";
}
.font1_bold {
  font-family: "tt-squaresbold";
}
.font1-color1 {
  color: #ed1c2c;
}
.font1-color2 {
  color: #ffffff;
}
.font1-color3 {
  color: #76b900;
}
.font1-color4 {
  color: #666666;
}

.font-size-xxxSmall {
  font-size: 10px !important;
}
.font-size-xxSmall {
  font-size: 10px !important;
}
.font-size-xSmall {
  font-size: 12px !important;
}
.font-size-small {
  font-size: 14px !important;
}
.font-size-regular {
  font-size: 18px !important;
}
.font-size-medium {
  font-size: 25px !important;
}
.font-size-large {
  font-size: 32px !important;
}
.font-size-xLarge {
  font-size: 42px !important;
}
.font-size-xxLarge {
  font-size: 55px !important;
}
.font-size-xxxLarge {
  font-size: 65px !important;
}
.font-size-25 {
  font-size: 25px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
@media (max-width: 768px) {
  h2 {
    font-size: 1.5rem !important;
  }
  h4,
  h5 {
    font-size: 1.2rem !important;
  }
  p {
    font-size: 1rem !important;
  }
  .font-size-large {
    font-size: 1.2rem !important;
  }
  .font-size-md-xxxSmall {
    font-size: 10px !important;
  }
  .font-size-md-xxSmall {
    font-size: 10px !important;
  }
  .font-size-md-xSmall {
    font-size: 12px !important;
  }
  .font-size-md-small {
    font-size: 14px !important;
  }
  .font-size-md-regular {
    font-size: 18px !important;
  }
  .font-size-md-medium {
    font-size: 25px !important;
  }
  .font-size-md-large {
    font-size: 32px !important;
  }
  .font-size-md-xLarge {
    font-size: 42px !important;
  }
  .font-size-md-xxLarge {
    font-size: 55px !important;
  }
  .font-size-md-xxxLarge {
    font-size: 65px !important;
  }
}
@media (min-width: 992px) {
  .font-size-lg-xxxSmall {
    font-size: 10px !important;
  }
  .font-size-lg-xxSmall {
    font-size: 10px !important;
  }
  .font-size-lg-xSmall {
    font-size: 12px !important;
  }
  .font-size-lg-small {
    font-size: 14px !important;
  }
  .font-size-lg-regular {
    font-size: 18px !important;
  }
  .font-size-lg-medium {
    font-size: 25px !important;
  }
  .font-size-lg-large {
    font-size: 32px !important;
  }
  .font-size-lg-xLarge {
    font-size: 42px !important;
  }
  .font-size-lg-xxLarge {
    font-size: 55px !important;
  }
  .font-size-lg-xxxLarge {
    font-size: 65px !important;
  }
}
@media (min-width: 1200px) {
  .font-size-xl-xxxSmall {
    font-size: 10px !important;
  }
  .font-size-xl-xxSmall {
    font-size: 10px !important;
  }
  .font-size-xl-xSmall {
    font-size: 12px !important;
  }
  .font-size-xl-small {
    font-size: 14px !important;
  }
  .font-size-xl-regular {
    font-size: 18px !important;
  }
  .font-size-xl-medium {
    font-size: 25px !important;
  }
  .font-size-xl-large {
    font-size: 32px !important;
  }
  .font-size-xl-xLarge {
    font-size: 42px !important;
  }
  .font-size-xl-xxLarge {
    font-size: 55px !important;
  }
  .font-size-xl-xxxLarge {
    font-size: 65px !important;
  }
}

/* footer */
#acer-footer {
  background: #ed1c2c;
  text-align: center;
  padding: 0;
}
#acer-footer .container {
  padding: 32px;
}
@media (min-width: 992px) {
  #acer-footer .container {
    padding: 42px;
  }
}
#acer-footer .logo {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  #acer-footer .logo {
    float: left;
  }
}
#acer-footer p {
  font-family: "tt-squaresblack";
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
}
#acer-footer p br {
  display: block !important;
}
@media (min-width: 992px) {
  #acer-footer p {
    float: right;
    font-size: 30px;
    line-height: 30px;
    text-align: right;
  }
}