/* ==========================================================================
Add any new CSS styles to this file.
========================================================================== */

section{
  padding: 20px 0 20px 0;
}

#math{
  padding-top: 0;
}

#banner{
	background-image: url(../images/snow.jpg);
	padding-top: 15px;
	padding-bottom: 15px;
  background-attachment: scroll;
  background-color:#c4c5c3;
}

#header{
	padding:0;

}

#logo-container{
  border-bottom: 2px solid #4686b4;
}

#logo{
  max-width:250px; padding: 14px 0 10px 22px; display: block;
    margin: 0;
}

#header-container{
  background-color:#005897; 
  width:100%;
  border-bottom: 1px solid #494d64;
}

img#headline2{
  width:100%;
  max-width:1140px;
  margin: 0 auto;
  text-align:center;
}

.banner-content{
	padding-top: 15px;
}

.submit-button{
	background-color:#ffcd1f;
	border:1px solid #f7922b;
	color:#252525;
	font-family: 'Open Sans', arial, helvetica;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: bold;
  box-shadow: 1px 1px 2px #000000;
}

.btn-submit:hover{
	background-color:#24790f;
	border-color:#31b711;
}

#lab-equipment{
  background-color:#c4c5c3;
}

#lab-equipment .container{
width:100%; 
      height:184px;
      background-image: url(../images/lab-equip.png);
      background-repeat: repeat-x;
}

h2{margin-bottom: 5px;}

#intro #bottom{
	padding-top: 20px;
	padding-bottom: 20px;
}

.headline{
	border-bottom: 1px solid rgba(0,0,0,0.03);
	margin-bottom: 50px;
	border-top: 1px solid rgba(0,0,0,0.03);
	padding-top: 40px;
}



#copy p, #copy ul>li, #accordion p, #accordion ul>li, #click, #copy2 p, #copy2 ul>li{
  font-size: 16px;
  line-height: 26px;
  list-style-type: disc;
  color:#1b1818;
}

#accordion{
  margin: 20px 0 20px 0;
}

.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
}


#copy h1, #backpack h1, #math h1, #intro h1, #copy2 h1 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}

#copy ul, #accordion ul, #copy2 ul {
  margin-left: 40px;
  margin-bottom: 20px;
}

#backpack{
  margin: 50px 0 50px 0;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  padding: 25px 0 25px 0;
  display: none;
}

#backpack h1{
  text-align: center;
}

#headline .btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: 'Open Sans', arial, helvetica;
  color: #ffffff;
  font-size: 28px;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  margin-top:20px;
}

#bottom .btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: 'Open Sans', arial, helvetica;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  margin: auto 20px;
}

#math .btn{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: 'Open Sans', arial, helvetica;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 10px 15px 10px;
  text-decoration: none;
  margin: auto 20px;
}

#math .btn:hover, #bottom .btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#boiler p{
  font-size: 12px;
  line-height: 18px;
}




.priceSentence {  text-align: center;  color: #005897;
    margin-top: 0;
    font-size: 32px;
    font-weight: 400;line-height: 34px;     margin-bottom: 10px;font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif; 
    -webkit-transition: all .50s ease-in-out;margin: .67em 0; -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px; display:block; -webkit-font-smoothing: antialiased;}


.priceSentence img {display:inline !important;}
.plusSigns {    text-align: center;
    margin-bottom: 30px;
    color: #005897;font-size: 24px;
    line-height: 34px;
    font-weight: 700;     margin-top: 0;font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif; -webkit-transition: all .50s ease-in-out;margin: .67em 0;    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;display: block;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    -webkit-font-smoothing: antialiased; }
.membership-button { text-align: center;
    margin-bottom: 30px;
    color: #005897;font-size: 24px;
    line-height: 34px;
    font-weight: 700;     margin-top: 0;font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif; -webkit-transition: all .50s ease-in-out;margin: .67em 0;    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;display: block;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    -webkit-font-smoothing: antialiased; }


.membership-button-Title {text-align: center;
    margin-bottom: 30px;
    color: #005897;font-size: 24px;
    line-height: 34px;
    font-weight: 700;     margin-top: 0;font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif; -webkit-transition: all .50s ease-in-out;margin: .67em 0;    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;display: block;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    -webkit-font-smoothing: antialiased;}


.scienceMaterials {    text-align: center;
    margin-bottom: 30px;
    color: #005897;font-size: 24px;
    line-height: 34px;
    font-weight: 700;     margin-top: 0;font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif; -webkit-transition: all .50s ease-in-out;margin: .67em 0;    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;display: block;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    -webkit-font-smoothing: antialiased; }



.backPackWrap {    text-align: center;
    margin-bottom: 30px;
    color: #005897;font-size: 24px;
    line-height: 34px;
    font-weight: 700;     margin-top: 0;font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif; -webkit-transition: all .50s ease-in-out;margin: .67em 0;    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;display: block;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    -webkit-font-smoothing: antialiased; }

.border-bottom-1px {border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:10px;}




/* RESPONSIVE STYLES */

@media only screen and (min-width: 1200px) {
    #math .symbol {
        padding-top: 125px;
    }

    #math .membership-button{
      padding-top: 50px;
    }
}