body { 
    background: url('../_img/pp-background.jpg') no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    margin:0;
    padding:0;
}

a {
    color:#3061A1;
    font-family:'Source Sans Pro',Sans-serif;
}
a:hover { text-decoration: none; }

p,li,td,th {
    font-family:'Source Sans Pro',Sans-serif;
    font-size:18px;
    line-height:26px;
}

h1 {
    color:#fff;
    font-family:'Oswald',Sans-serif;
    font-size:30px;
    font-weight:normal;
    margin-bottom:0;
}
h1 span.hl {
    color:#3061A1;
    font-size:48px;
    text-transform:uppercase;
}
@media (max-width:767px){
    h1 {
        text-align:center;
    }
}

#wrapper {
    margin:0 auto;
    padding:38px 0 30px;
    width:960px;
}
@media (max-width:960px){
    #wrapper {
        padding-top:0;
    }
}

#quiz {
    background:#fff;
    position:relative;
}
.item {
    display:none;
    padding:30px;
    min-height:403px;
    width:900px;
}
.item label { cursor: pointer; }
.item label.correct { font-weight: bold; color: #060; }

h2.btn {
    background:#3061A1;
    color:#fff;
    font-family:'Oswald',Sans-serif;
    font-size:32px;
    font-weight:400;
    height:50px;
    margin:0 auto;
    padding:10px;
    text-align:center;
    text-transform:uppercase;
    width:230px;
}
h2.btn:hover { text-decoration:underline; }
h2.btn.sm { font-size:18px; }
    
.nextbtn { margin:0 auto; }
.nextbtn a{text-decoration: none;}
.nextbtn:hover { cursor:pointer;}
            
.start,.end { display:block; }
            
.q { font-weight:bold; }
.a {
    background:#FFF;
    display:none;
    margin-bottom:20px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.a p { /*margin:0;*/ }
.a p.correct { color:#060; font-weight:bold; padding:0; margin:0; }
.a p.wrong { color:#c00; font-weight: bold; padding:0; margin:0;  }
.a p.questionNumber { position:absolute; top:12px; right:20px; color:#999; padding:0; margin:0; }
            
             
#footer {
    margin:12px 0;
}
#footer-left {
    float:left;
    width:50%;
}
@media (max-width:767px){
    #footer-left {
        text-align:center;
        width:100%;
    }
}
#footer-right {
    float:left;
    text-align:right;
    width:50%;
}

/*********clear*********/
.clear { clear:both; }


/* Responsive */
@media (max-width:960px) {
    #wrapper {
        width:auto;
    }
    .item {
        width:auto;
    }
    .a {
        width:auto;
    }
}

/*** RESPONSIVE CODE ***/
.hidden {
    display:none;
}
.visible-phone {
    display:none !important;
}
.visible-tablet {
    display:none !important;
}
.hidden-desktop {
    display:none !important;
}
.visible-desktop {
    display:inherit !important;
}

@media (min-width:768px) and (max-width:979px) {
    .hidden-desktop {
        display:inherit !important;
    }
    .visible-desktop {
        display:none !important ;
    }
    .visible-tablet {
        display:inherit !important;
    }
    .hidden-tablet {
        display:none !important;
    }
}

@media (max-width:767px) {
    .hidden-desktop {
        display:inherit !important;
    }
    .visible-desktop {
        display:none !important;
    }
    .visible-phone {
        display:inherit !important;
    }
    .hidden-phone {
        display:none !important;
    }
}
