@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

body { background: none; font-size: 16px; font-family: 'PT Sans', sans-serif; }

html { 
background: #000 url(../images/landing-bg.jpg) no-repeat center top fixed; /*change bg image here or remove image url*/
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}

.panel { border: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
.panel-footer { background-color: #222; border-color: #222; padding-bottom: 20px; color: #fff; }

.voffset-20 { margin-top: 20px }
.primary { color: #ffc23c }
.btn-primary { color: #222; opacity: .9; font-size: 1.4em; font-weight:bold }
.btn-primary:hover { color: #222; opacity: 1; }
h1, h2, h3{ color: #222; font-family: 'Oswald', sans-serif;  }
h2.small { color: #006399; font-size: 18px; font-weight:900; margin-top:0px; margin-bottom: 20px;  }
h1 { font-size: 70px; font-weight:bold; margin-bottom:0px;margin-top:0px; }

h3 { font-size: 20px }
h3 { font-size: 16px }
.panel-footer h2{margin-top:10px; color:#fff;}
.panel-footer h3{color:#fff;margin-top:10px; margin-bottom:20px}
.panel-footer h3.evalTitle{ color:#006399;margin-bottom:20px; margin-top:20px   }
.panel-footer h3.evalText{color:#fff; font-size: 14px; margin-top:20px;}

.red { color: #FF000F }


#questionBox article, #surveyEval, #congratsBox{ display:none}
#questionBox article:first-child{ display:block}
#surveyEval h3{display:none}
#surveyEval h3#pss1-title, #surveyEval h3#pss1-text{ display:block}
button{min-width:350px}
a.stepButton{max-width:500px; margin:0 auto; text-transform:uppercase}
.panel-footer .small{font-size:11px}

/*button theme*/
.btn-primary  { background-color: hsl(201, 100%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a5ff", endColorstr="#006399"); background-image: -khtml-gradient(linear, left top, left bottom, from(#00a5ff), to(#006399)); background-image: -moz-linear-gradient(top, #00a5ff, #006399); background-image: -ms-linear-gradient(top, #00a5ff, #006399); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a5ff), color-stop(100%, #006399)); background-image: -webkit-linear-gradient(top, #00a5ff, #006399); background-image: -o-linear-gradient(top, #00a5ff, #006399); background-image: linear-gradient(#00a5ff, #006399); border-color: #006399 #006399 hsl(201, 100%, 25%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }


@media (min-width: 768px) { 
    .container { width: 100% }
}
@media (min-width: 992px) { 
    .container { width: 970px; padding-right: 15px; padding-left: 15px; }
    body { margin: 50px auto }
}
@media (min-width: 1200px) { 
    .container { width: 970px; padding-right: 15px; padding-left: 15px; }
    body { margin: 50px auto }
}
@media (max-width: 768px) { 
    body { margin: 0px }
    .panel { border: none; box-shadow: none; border-radius: 0; margin: 0 -15px; }
    .col-sm-5 + .col-sm-5 .btn { margin-top: 20px }
	
img.img-responsive { max-height: 200px; width: auto;}
h1{ font-size: 40px}
}