@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,800&subset=latin-ext');

body {
    font-family:'Source Sans Pro';
}

.clear { clear:both; }
.glyphicon { top:3px; }

#cover {
    width:100%;
    height:30vh;
    display:block;
    background-image:url("../img/bg_cover.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% center;
}

#counter {
    float:right;
    border:1px solid #ccc;
    padding:20px;
}

h1,h2 {
    font-family:'Montserrat';
    font-weight: 700;
}

h1 {
    font-size:42px;
}

h2 {
    margin-top:10px;
    margin-bottom:20px;
    font-weight:300;
}


#outer {
    background: #efefef;
    font-size:16px;
    line-height:1.5;
    border-top:2px solid #ddd;
    padding:20px 0px;
}

.option {
    display:block;
    background:yellow;
    color:black;
    font-weight: 700;
    padding:8px 10px;
    margin-bottom:5px;
    font-size:22px;
    border:1px solid yellow;
}

.option.tomove {
    cursor:move;
}

.placeholder {
    display:block;
    border:1px dotted #ccc;
    background:whitesmoke;
    color:#8e8e8e;
    font-weight: 300;
    padding:8px 10px;
    margin-bottom:5px;
    font-size:22px;
}

.placeholder.hovering {
    background:white;
    font-style:italic;
}

.placeholder.used {
    padding:0px;
    border:0;
}

.placeholder.used span {
    float:right;
    font-size:12px;
    text-transform:uppercase;
    margin-top:17px;
    margin-right:15px;
    color:#222;
}

.btn-yellow {

}

.progress-bar {
    color:black;
    min-width:100px;
    text-align:left;
    color:white;
    padding-left:10px;
}

.progress {
    margin-top:5px;
    margin-bottom:5px;
}

/* responsive */

@media (max-width: 767px) {
    .visible-xs {
        display: inline !important;
    }
}

@media (max-width:460px) {
    #current_container {
        float:none !important;
        display:block;
        margin-top:10px;
    }

    .btn-block {
        font-size:14px;
    }

    .visible-xs {
        display: inline!important;
    }

}