.logo{
    width: 28% !important;
}

@media (max-width: 768px) {
    .logo{ 
        width: 40% !important;    
    }
}
@media (max-width: 992px) {
    .logo{ 
        width: 80% !important;  
    }
}

.cards_logo{
    width: 50% !important;
}

footer {
    padding:10px;
    color:black;
    font-size:1.3rem;
    background-color:#becdfe;
    clear:left;
}

small{
    font-size: 20px;
}
h1, h2, a, p, small{
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.btn_blue{
    transition:1s !important;
    background-color:#330066; 
    color:  white;
    font-weight: bold;
    font-size: 14px;
}

.btn_orange{
    transition:1s !important;
    background-color:#FF6600; 
    color:  white;
    font-weight: bold;
    font-size: 14px;
}

.btn_green{
    transition:1s !important;
    background-color:#99CC33; 
    color:  white;
    font-weight: bold;
    font-size: 14px;
}

.btn_blue:hover{
    transition:1s !important;
    background-color: #FFFFFF !important;
    color: #FF6600 !important;
    cursor: pointer;
    font-weight: bold;
}

.btn_orange:hover{
    transition:1s !important;
    background-color: #FFFFFF !important;
    color: #99CC33 !important;
    cursor: pointer;
    font-weight: bold;
}

.btn_green:hover{
    transition:1s !important;
    background-color: #FFFFFF !important;
    color: #330066 !important;
    cursor: pointer;
    font-weight: bold;
}