.intro-text img{
display: block;
margin: 0px auto;
width: 50%;
margin-bottom: 40px;
}
h1 {
font-size: 2.857em;
margin-bottom: 0 !important;
}
.sf-with-ul:hover {
text-decoration: none !important;
}
.question,.info-form,.questionContainer,.help-block,#complete,.alert,.score{
display: none;
}
.has-error .help-block{
display: block;
}
.question{
min-height:300px;
}
.links ul{
list-style: none;
}
h3.yourScore { margin: 15px 0; background: #ac1e39; color: #fff; padding: 15px; border-radius: 3px; display: inline-block; }
input[type="email"],
input[type="text"]{
color: #333 !important;
font-style: normal !important;
font-family: Roboto !important;
font-size: 16px !important;
font-style: normal !important;
}
.form-group select{
border: 1px solid #000 !important;
-webkit-appearance: menulist !important;
color: #333 !important;
font-family: Roboto !important;
font-size: 16px !important;
height: auto !important;
font-style: normal !important;
}
.checkbox{
font-style: normal !important;
}
select option{
color:#333 !important;
}
select option:disabled {
color: #ddd !important;
}
.form-group input:focus,
.form-group select:focus{
color:#333 !important
}
.has-error select{
border-color: #a94442 !important;
} @media only screen and (max-width : 768px) {
.intro-text button{
width:100%;
}
.info-form button{
width:100%;
text-align: center;
margin:0px auto;
display: block;
}
.questionContainer button{
width:49%;
margin:0px auto;
}
.question{
min-height:540px;
}
}