@font-face{
    font-family:Blog-Script;
    src:url(../fonts/blog_script.woff) format("woff"),
        url(../fonts/blog_script.woff2) format("woff2"),
        url(../fonts/blog_script.eot) format("eot"),
        url(../fonts/blog_script.ttf) format("ttf")
}
@font-face {
    font-family: danoneone;
/*    src: url(../fonts/danoneone-regular.woff) format("woff"), url(../fonts/danoneone-regular.woff2) format("woff2"), url(../fonts/danoneone-regular.ttf) format("ttf")*/
    url(../fonts/DANONE-REGULAR.woff2) format("woff2"),     url(../fonts/DANONE-REGULAR.woff) format("woff"), src: url(../fonts/danone-regular-2026.otf) format("opentype")
}
body,p,span,div{
    font-family: Open-sans,sans-serif;
}
.blog-script{
    font-family:danoneone, sans-serif;
    color:#13ACEE;
}
.header{
    background:url('../images/DanoneTextureP300.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
input[type="text"] {
    border: solid 2px #012677;
    border-radius: 10px;
    color: #999;
    padding-left: 0.5em;
    font-family: Open sans, sans-serif;
    width: 80%;
    height: 50px;
    
}
.mensaje{
    color: #012677;
    font-weight: 100;
}
.checkbox{
    display: inline;
    width: 15px;
    height: 15px;;
}
.checkbox-label{
    display: inline;
    color: #012677;
    font-weight: 100;
}
.btn-enviar{
    color: #fff;
    background: #012677;
    border-radius: 20px;
    border: none;
    padding: 0.3em 2em;
    margin-top: 1.5em;
    width: 80%;
    height: 50px;
}
.card-body{
    text-align: left;
}
.question{
    border: solid 1px #012677;
    margin:20px;
}
.question-mark{
    font-size: 2em;
}
.question-div{
    display: inline-flex;
}
.question-mark-left{
    font-size: 3em;
    display: inline-flex;
    vertical-align: middle;
}
.question-text{
    font-family: Open sans, sans-serif;
    text-align: center;
    color: #012677;
    font-size: 0.9em;
    display: inline-flex;
    align-items: center;
    text-align: center;
}
.question-name{
    font-family: Open sans, sans-serif;
    color: #012677;
    font-size: 0.6em;
    text-align: right;
    margin: 3.5em 1em 1em 1em;
}
.question-mark-right{
    font-size: 3em;
    display: inline-flex;
    vertical-align: middle;
}
.question-votes{
    font-size: 1.5em;
    margin-right: 1em;
}
.btn-votar{
    color: #fff;
    background: #012677;
    border-radius: 20px;
    border: none;
    padding: 0.2em 1em;
    font-family: 'Blog-Script';
}

@media (min-width: 768px){
    .col-lg-2 {
        flex: 0 0 auto;
        width: 50%;
    }
}