.custom-button{
    font-size:130%;
    color:#2b459c;
    font-family: Calibri;
}

.active-button{
    border: 2px solid #2b459c;
}

.info-text{
    float:left;
    font-size: 180%;
    color:#2b459c;
}


.text-area-pagina{
    margin-left:-20%;
    width:120%;
    height:170px;
    font-size: 120%;
    color:#2b459c;
    font-family: Calibri;
    resize: none;
    border:none;
}

.text-area-pagina2{
    font-size: 120%;
    color:#2b459c;
    font-family: Calibri;
    resize: none;
}

.line-draw{
    margin-top:10px;
    margin-bottom: 10px;
    height:2px;
    background-color:#2b459c;
}

.text-info{
    font-size:140%;
    color:#2b459c;
    font-family: Calibri;
}

.text-info2{
    color:#2b459c;
    margin-top:20px;
    font-size:90%;
    font-family: Calibri;
}

.text-info-small{
    font-size:110%;
    color:#2b459c;
    font-family: Calibri;
}

.color-bar{
    width:100%;
    margin-top:20px;
}

.img-color-bar{
    width:100%;
}

.right-border{
    border-right: 3px solid #2b459c;
}

.custom-button-down{
    font-size:150%;
    color:#2b459c;
    font-family: Calibri;
    float:right;
}

.custom-button-down2{
    font-size:150%;
    color:#2b459c;
    font-family: Calibri;
    float:left;
}

@media screen and (max-width: 1196px){
        .custom-button{
        font-size:100%;
    }
    
        .custom-button-down{
    font-size:130%;
    color:#2b459c;
    font-family: Calibri;
    float:right;
}

.custom-button-down2{
    font-size:130%;
    color:#2b459c;
    font-family: Calibri;
    float:left;
}
}


@media screen and (max-width: 992px){
    .text-area-pagina{
    margin-left:0%;
        width:100%;
    }
    
    .custom-button-down{
    font-size:100%;
    color:#2b459c;
    font-family: Calibri;
    float:right;
}

.custom-button-down2{
    font-size:100%;
    color:#2b459c;
    font-family: Calibri;
    float:left;
}
    
    .custom-button{
        font-size:70%;
    }
}