.quiz-container{
   padding:50px;
}
.question, .counter{
   background:#2f475e;
   width:100%;
   color:#ffffff !important;
}
.question p{
   padding:50px 0px;
   margin:auto;
   color:#ffffff !important;
   text-align:left;
   max-width:80%;
   font-size:18px;
}
.counter p{
   padding:25px;
   margin:0px;
   color:#ffffff !important;
}
.answer{
   width:80%;
   background:#f5f5f5;
   border:none;
   outline:none;
   padding:15px 20px;
   margin:10px 0px;
   border-radius:5px;
   text-align:left;
   font-size:18px;
}
.answer:hover{background:#d4d4d2;}
.quiz-buttons{
   width:60%;
   max-width:300px;
   background:#800000;
   color:#ffffff;
   border:none;
   outline:none;
   padding:15px 20px;
   margin:25px 0px;
   border-radius:5px;
   font-size:18px;
}
.social-buttons{
   width:60%;
   max-width:300px;
   background:#800000;
   display:inline-block;
   color:#ffffff;
   border:none;
   outline:none;
   padding:15px 20px;
   margin:25px;
   border-radius:5px;
}
.questions, .next, #result{
   display:none;
}
#quiz-wrapper{
   display: block; 
   margin: 50px auto;
   text-align:center;
   border: 5px solid #2f475e;
   background:#2f475e;
}
#quiz-wrapper p{
  font-size:18px;
}
.top-margin{margin-top:25px;}
.bottom-margin{margin-bottom:25px;}
.explanation{
   font-weight:bold;
   display:none;
   margin:auto!important;
   max-width:80%;
   text-align:left;
   font-size:18px;
}
#score{
   font-weight: bold !important;
   font-size: 42px !important;
}
#image-section{
   width:100%;
   background:#2f475e;
}
.fa-check, .fa-times{
   margin-left:10px;
   display:none;
}
.fa-facebook-square, .fa-twitter-square{margin-right:10px}
#quiz{background:#ffffff;}