@font-face {
    font-family: Gotham-Bold;
    src: url("../font/Gotham-Bold.otf");
  }
@font-face {
    font-family: Gotham-Light;
    src: url("../font/Gotham-Light.otf");
  }
@font-face {
    font-family: Gotham-Medium;
    src: url("../font/Gotham-Medium.otf");
  }


.bg-red{
    background-image: linear-gradient(-90deg, #0C042E, #BA1066);
}
.first-band{
    min-height: 20px;
}
.bg-tiza{
    background-color: #EDEBE8;
}
.header{
    max-height: 80px;
    
}
.header img{
    max-height: 80px;
    padding: 1% 0;
    
}
.bg-white{
    background-color: #ffffff!important;
}
.txt-center{
    text-align: center;
}

.red{
    color: #E3080F;
}
.Gotham-Bold{
    font-family: Gotham-Bold;
}

.Gotham-Medium{
    font-family: Gotham-Medium;
}

.triangulo-equilatero-bottom-left {
    width: 0;
    height: 0;
    /*border-right: calc(49vw) solid transparent;*/
     border-top: 50px solid #ffffff; 
    border-left: calc(49vw) solid transparent
    /*border-bottom: 50px solid #E3080F;*/
}
.triangulo-equilatero-bottom-right {
    width: 0;
    height: 0;
    border-right: calc(49vw) solid transparent;
    border-top: 50px solid #fff;
    /*border-left: calc(49vw) solid transparent;
    border-bottom: 50px solid #E3080F;*/
}
.style-qr{
    margin-top: 1%;
}


.style-qr img{
    padding: 5%;
}

.style-qr p{
    color: #ffffff;
    text-align: center;
    font-size: 23px;
}

.footer{
   text-align: center;
   color: black;
   font-size: 19px; 
}
.footer a{
    color: black;
    text-decoration: none;
 }

 @media only screen and (max-width: 900px) {
    h1 {
        font-size: 1.5rem;
    }
    .h3, h3 {
        font-size: 1.2rem;
    }
  }