@import url("https://fonts.googleapis.com/css?family=Enriqueta:400,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,700");
body {
    width: 100%;
    background-color: #f8f9fa !important;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.4s ease;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.side-nav {
  z-index: 1000;
  color: #ce000c;
  font-family: 'Raleway', sans-serif; }
  .side-nav li .background img {
    width: auto;
    padding: 0 3.3em; }
  .side-nav li h1 {
    padding: 0 32px;
    font-size: 1.3em;
    margin: 0;
    margin-bottom: .5em; }
  .side-nav li a {
    color: #ce000c; }
  .side-nav li p {
    line-height: 1.5em;
    padding: 0 32px;
    color: #383838;
    font-family: 'Raleway', sans-serif; }
    .side-nav li p span {
      color: black;
      font-weight: 700; }
  .side-nav li .social {
    margin-bottom: 0;
    margin-left: 1em;
    margin-top: .5em; }
  .side-nav li .waves-effect img {
    margin-top: .5em;
    width: 30px;
    height: 30px; }
  .side-nav li .menu-section {
    color: black !important; }

.main {
  background: url("../media/lobby.jpg") top center no-repeat;
  background-size: 100% 20%;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  letter-spacing: .2em;
  text-align: center; }
  .main .logo-button {
    z-index: 100;
    position: fixed;
    top: 40px;
    left: 0;
    padding-left: 30px;
    padding-right: 15px;
    width: 125px;
    height: 80px;
    border-radius: 0 30px 30px 0;
    background: rgba(230, 230, 230, 0.7);
    transform: scale(1.15, 1.15);
    transition-duration: 1.1s; }
    .main .logo-button.active {
      transform: scale(1, 1) !important; }
  .main .btn-large {
    background: #ce000c;
    border-radius: 25px; }
  .main h1 {
    color: #ce000c;
    font-weight: 700; }
  .main p {
    color: #383838;
    font-size: 1.2em;
    letter-spacing: 2px;
    font-weight: 300; }
  .main .section {
    min-height: 100vh; }
  .main .landing {
    min-height: 0; }
    .main .landing h1 {
      margin: 0;
      margin-top: 1em;
      margin-bottom: 1em;
      color: white;
      text-align: left;
      font-size: 6.5em; }
    .main .landing span {
      color:white; }
    .main .landing span img {
      width: 50px;
      height: 50px; }
  .main .second {
    margin-bottom: 0;
    padding-bottom: 0; }
    .main .second h1 {
      color: black;
      font-size: 5.5em;
      margin-top: 1.5em;
      font-weight: 300; }
      .main .second h1 span {
        color: #ce000c;
        font-weight: 700; }
    .main .second h2 {
      font-size: 2em; }
      .main .second h2 span {
        color: #ce000c;
        font-weight: 700; }
    .main .second p {
      font-size: 1.2em; }
      .main .second p span {
        color: #ce000c; }
    .main .second .impresario-text {
      margin-bottom: 1.2em; }
    .main .second .why {
      text-align: left;
      margin-top: 2em; }
    .main .second .cards-area {
      margin-top: 1em;
      margin-bottom: 8em; }
      .main .second .cards-area h1 {
        color: black;
        font-weight: 300;
        padding-bottom: 1em; }
        .main .second .cards-area h1 span {
          color: #ce000c;
          font-weight: 700; }
    .main .second .card {
      text-align: center;
      margin-bottom: 4em; }
      .main .second .card p {
        font-size: 1.5em; }
      .main .second .card img {
        top: -25px;
        display: initial;
        height: 70px;
        width: 70px; }
    .main .second .request-demo {
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      position: relative;
      background: #ce000c;
      color: white !important;
      padding-bottom: 4em;
      padding-top: 3em; }
      .main .second .request-demo h2 {
        font-weight: 700;
        font-size: 2.5em; }
      .main .second .request-demo .btn-large {
        background: black; }
      .main .second .request-demo p {
        color: white; }
        .main .second .request-demo p span {
          color: white;
          font-weight: 700; }
    .main .second footer {
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      position: relative;
      background: gray;
      text-align: left !important; }
      .main .second footer .footer-section {
        padding: 3em 0;
        background: #ccc9c9; }
      .main .second footer img {
        padding: 0 1em; }
      .main .second footer h5 {
        color: #ce000c;
        font-weight: 700;
        font-size: 1.1em; }
      .main .second footer p {
        font-size: .8em;
        color: #383838; }
        .main .second footer p span {
          color: #383838;
          font-weight: 700; }
      .main .second footer a {
        color: #383838;
        font-size: 1em; }
      .main .second footer .copyright {
        text-align: center;
        margin-top: 2em; }
        .main .second footer .copyright p {
          color: #ce000c; }

@media (max-width: 1680px) {
    .main .landing h1 {
      margin-top: 1em;
      margin-bottom: .2em; } }

@media (max-width: 1400px) {
  .main {
    background: url(../media/lobby.jpg) top center no-repeat;
    background-size: 100% 14%; }
  .main .landing h1 {
    font-size: 5em;
    margin-top: 1em; }
  .main .second h1 {
    margin-top: .5em; }
  .main .second .why {
    margin-top: 0; } }

@media (max-width: 1280px) {
  .main {
    background: url(../media/lobby.jpg) top center no-repeat;
    background-size: 100% 15%; }
  .main .landing h1 {
    font-size: 4.5em;
    margin-top: 1em; }
  .main .second h1 {
    font-size: 3.5em; }
  .main .second p {
    font-size: 1.3em; }
  .main .second .card p {
    font-size: 1em; } }

@media (max-width: 1024px) {
  .main {
    background: url(../media/lobby.jpg) top center no-repeat;
    background-size: 100% 19%; }
    .main .landing h1 {
      margin-top: 1em;
      margin-bottom: 1em; } }

@media (max-width: 768px) {
  .main {
    background: url(../media/lobby.jpg) top center no-repeat;
    background-size: 120% 14%; }
    .main .landing h1 {
      margin-top: 1em;
      font-size: 4em; } }

@media (max-width: 415px) {
  .main {
    background: url(../media/lobby.jpg) top center no-repeat;
    background-size:120% 11%; }
    .main .landing h1 {
      font-size: 3em;
      margin-top: 1em; }
    .main .second footer a {
      font-size: .6em; }
    .main .second h1 {
      margin-top: 1em; }
    .main .second .why-icons {
      margin-top: 5em; }
    .main .second .cards-area {
      margin-top: 7em; }
      .main .second .cards-area h1 {
        margin-top: 0; } }

@media (max-width: 375px) {
  .main {
    background: url(../media/lobby.jpg) top center no-repeat;
    background-size:120% 10%; }
    .main .landing h1 {
      margin-top: .5em; }
    .main .second footer a {
      font-size: .5em; } }

.main .container .responsive-img-txt {
  border-radius: 50%;
  width: 70%;
  height: 70%;
}