html {
    font-size: 100%; /* 100% = 16px */
    height: 100%;
  }
body{
    font-family: 'Open Sans', sans-serif;
    height: 100%;
}
.g-width{
    max-width: 445px !important;
}
h1{
    font-size: 1.4rem;
    margin-bottom: .8rem;
}
h2{
    font-size: 1.4rem;
    margin-bottom: .8rem;
    font-weight: bold;
}
.red{
    color: #CE0E2D;
}
p{
    font-size: 1rem;
}
.p-f{
    font-size: 1.2rem;
}
hr {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}
.m-icons{
    margin-right: 0.5rem;
    color: #CE0E2D;
}
.g-icons{
    margin-right: 0.5rem;
    color: #FFE000;
}
.bg-premios{
    background-color: #B60D28 ;
    overflow: hidden;
}
a{
    text-decoration: underline;
    color: #ffffff;
}
a:active, a:visited, a:hover{
    color: #ffffff;
}
.a-sec{
    color: #343a40;
    text-decoration: underline;
}
.a-sec:active, .a-sec:visited, .a-sec:hover{
    color: #343a40;
}
.a-bt{
    color: #B60D28;
    text-decoration: underline;
}
.a-bt:active, .a-bt:visited, .a-bt:hover{
    color: #B60D28;
}
.p-mayor{
    color: #FFE000;
}

.p-red{
    color: #B60D28; 
}

.m-icon{
    font-size: 2.5rem;
}

#parallax {
    background-image: url("../media/img/depth-3.png"), url("../media/img/depth-2.png"), url("../media/img/depth-1.png");
    height: 100%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    width: 100%;
}
.nav-top {
    position: relative;
}

.c-border{
    border: 3px #B60D28 solid;
}

.y-bg{
    background-color: #F9BB09;
}

.d-format {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 576px) {
    .d-format {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
 }

@media (min-width: 768px) { }

@media (min-width: 992px) {
    #parallax {
        background-image: url("../media/img/depth-3.png"), url("../media/img/depth-2.png"), url("../media/img/depth-1.png");
        height: 100%; 
        background-position: center;
        background-repeat: no-repeat;
        background-size: unset;
      }
    .nav-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
}

@media (min-width: 1200px) { }