iframe {
    width: 100%!important;
    height: 100%!important;
}

#jumbutron .alert-warning {
    background: transparent!important;
    color: #ffecb5!important;
}

.box_bg_color {
    height: 100%;
    width: 100%;
    padding: 3rem 0;
}

sup {
    font-size: 16px;
    top: -3rem;
    left: -1rem;
}

.text-justify {
    text-align: justify;
}

.grid_columns_3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 3rem;
    column-gap: 3rem;
    align-items: center;
}

.grid_columns_3l {
    display: grid;
    grid-template-columns: 25% 50% 25%;
    row-gap: 3rem;
    column-gap: 1rem;
    align-items: center;
}

.grid_columns_1 {
    grid-template-columns: repeat(1, 1fr);
}

.vh-75 {
    height: 75vh!important;
}

.vh-50 {
    height: 50vh!important;
}

.vh-65 {
    height: 65vh!important;
}

/*============================================= 
TABLET HORIZONTAL (LG revisamos en 1024px) 
=============================================*/ 
 
@media (max-width:1199px) and (min-width:992px){ 
 
} 
 
/*============================================= 
TABLET VERTICAL (MD revisamos en 768px) 
=============================================*/ 
 
@media (max-width:991px) and (min-width:768px){ 
  
} 
 
/*============================================= 
MÓVIL HORIZONTAL (SM revisamos en 576px) 
=============================================*/ 
 
@media (max-width:767px) and (min-width:576px){ 
    .grid_columns_3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid_columns_3l {
        grid-template-columns: repeat(1, 1fr);
    }
} 
 
/*============================================= 
MOVIL VERTICAL (revisamos en 320px) 
=============================================*/ 
 
@media (max-width:575px){ 
    .grid_columns_3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid_columns_3l {
        grid-template-columns: repeat(1, 1fr);
    }
}