@font-face {
    font-family: "Metabold";
    src: url("fonts/MetaBold.ttf");
}

.main_color {
    color: #000000;
}

.secondary_color {
    color: #000000;
    font-size: 15px;
}

* {
    box-sizing: border-box;
}

body {
    padding-top: 70px;
    background: white no-repeat fixed center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    
    font-family: Metabold; /*, Arial, Helvetica, sans-serif;*/
    font-size: 25px;
    /*color: #000000;*/    
}

a {
    text-decoration:none
}

#topbar {
    /* border-bottom-style: solid;
    border-bottom-width: 0.5px;
    border-bottom-color: white;

    background-color: white;
    color: #1f5fa2; */

    font-size: 30px;
}

.nav-link {
    color: #1f5fa2 !important;
}

.nav-link:hover {
    color: #488ed9 !important;
}

.active {
    color: #488ed9 !important;
}

.mx-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

footer {
    /* background: url(./imagenes/skyline_blanc.png); */
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

@media (max-width: 1280px) {
    footer {
        background-color:  white
    }

    #footer-margin {
        margin-top: 2% !important;
    }
}

#expert_logo {
    height: 15vh;
}

#social_media {
    position: absolute;
    top: 160%;
    left: 4%;
}

.media_logo {
    height: 8vh;
}

.legal_text {
    height: 5vh;
}

#legal_content {
    margin-top: 2%;
}

table > th{
    color: #000000 !important;
}

.btn-xlarge {
    padding: 25px 35px;
    font-size: 30px;
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}