/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Asap+Condensed:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,700');


/* -----------------  CONTAINERS -------------------- */
body{
    margin: 0; 
    padding: 0;
}

#wrapper {
    background-color: #363637;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
}

div.mainwrapper {
    max-width:100%;
    position: relative;
    top: 70px;
}


/* ----------------- LANDING PAGE -------------------- */

div.landingText {
    text-align:center;
    padding-top: 1%;
    color:#494949;
    font-size:2.8em;
    font-weight: 700;
}

div.mainwrapperLand {
    max-width:100%;
    background-color: #d9ac28;
    height: 400px;
}

div.mainwrapperBlueLand {
    max-width:100%;
    background-color: #00B2E3;
    height: 1000px;
}

div.landingLogo {
    text-align:center;
}

div.landingImage {
    text-align:center;
    width: 1000px;
}

div.landingImage2 {
    text-align:center;
        width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.table3 {
margin-top:20px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
border-collapse: collapse;
}

.td3 {
vertical-align:top;
padding: 0;
border: 0;

}

.td3 p{
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}

#homeorangeButton a {
    background-color:#D9531E;
    color:#fff;
    text-decoration:none;
    display:block;
    border-radius:10px;
    width:160px;
    padding:15px;
    padding-top: 20px;
    border: solid 3px #fff;
    box-shadow:0px 0px 8px #414042;
    margin-top:10px;
    margin-right: 10px;
    margin-left: 0px;
    font-family: 'MisoRegular', Arial, sans-serif;
    font-size:18px;
    text-align:center;
    word-spacing: .10em;
    letter-spacing: .03em;
}

#homeorangeButton a:hover {
    background-color:#B7461E;
}


/* -----------------  TYPOGRAPHY -------------------- */

p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em; 
    line-height: 1.6em;
    font-weight: 300;
    color: #363637; 
    margin: 0; 
    padding: 0;
}

p.supportSubH {
    font-family: 'Asap Condensed', sans-serif;
    color: #FFFFFF;
    font-size: 1.3em; 
    font-weight: 400;
    word-spacing: .1em;
    letter-spacing: .03em;
    line-height: 1.3em;
}

p.d3Links {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 1.3em; 
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #363637;
    word-spacing: .1em;
    letter-spacing: .01em;
    margin-left: auto;
    margin-right: auto;   
}

p.d3LinksArrow {
    width:0px;
    height:0px;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:15px solid #363637;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1%;
}

p.headBoxOrange {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 1.8em; 
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #E0592A;
    text-align: center;
    margin-bottom: 5%;
}

p.headBoxGrey {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: .8em; 
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #494949;
    text-align: center;
    margin-bottom: 5%;
}


p.headBoxBlue {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 1.8em; 
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #00B2E3;
    text-align: center;
    margin-bottom: 5%;
}

p.headBoxGreen {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 1.8em; 
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #B9BB17;
    text-align: center;
    margin-bottom: 5%;
}

p.inverseHead {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 1.3em; 
    font-weight: 700;
    text-transform: uppercase;
    color: #363637;
}


p.smallHead {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 1.3em; 
    font-weight: 700;
    text-transform: uppercase;
    color: #363637;
}

p.indent {
    padding-left: 15px;
    padding-right: 15px;
}


p.smallItalic {
    font-weight: 300;
    font-size: 1em;
    font-style: italic;
    color: #888;
}

p.xsmallItalic {
    font-weight: 300;
    font-size: .8em;
    font-style: italic;
    color: #888;
    text-align: center;
}



p.copyrightItalic {
    font-weight: 300;
    font-size: .8em;
    font-style: italic;
    color: #888;
}

p.samcopyrightItalic {
    font-weight: 300;
    font-size: .8em;
    font-style: italic;
    color: #fff;
    margin-top: 1%;
    margin-bottom: 1%;
    padding-left: 8%;
    padding-right: 8%;
    text-align: center;
}

a {
    color: #00B3E3;
    font-weight: 500;
}

a:hover{
    color: #363637;
    font-weight: 500;
}

a.ctcLink {
    color: #00B3E3;
    font-weight: 500;
}

a.ctcLink:hover{
    color: #363637;
    font-weight: 500;
}

a.linkText {
    text-decoration: none;
}

a.disclaimer {
    color: #363637;
    font-weight: 500;
}

a:hover.disclaimer{
    color: #FFFFFF;
    font-weight: 500;
}




ul.wfct {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em; 
    line-height: 1.6em;
    font-weight: 300;
    color: #363637; 
    margin: 0; 
    padding: 0;
}

h1 {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 3em; 
    font-weight: 700i;
    line-height: 1.1em;
    color: #00B3E3;
    border-bottom: solid 4px #00B3E3;
    word-spacing: .1em;
    letter-spacing: .02em;
    text-align: center;
    margin-bottom: 2%;
    text-transform: uppercase;
}

h1.cent {
    text-align: center;
    margin-bottom: 1%;
}

h1.hsh {
    line-height: .95em;
    font-size: 2.5em; 
}

h2 {
    font-family: 'Asap Condensed', sans-serif;
    margin: 0 0 0 0; 
    font-size: 3em; 
    font-weight: 600; 
    text-transform: uppercase;
    color: #ffffff;
    word-spacing: .1em;
    letter-spacing: .02em;
}

h3 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 2.5em; 
    font-weight: 700;
    text-transform: uppercase;
    color: #363637;
}

h4 {
    font-family: 'Asap Condensed', sans-serif;
    font-size: 1.1em; 
    font-style: italic;
    font-weight: 400;
    border-bottom: solid 2px #95989A;
    text-transform: uppercase;
    color: #95989A;
    word-spacing: .1em;
    letter-spacing: .01em;
    margin-left: auto;
    margin-right: auto;
}

h5 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 1.35em; 
    font-weight: 300;
    color: #363637;
}

h6 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 0 0; 
    font-size: 1em; 
    font-weight: 700;
    text-transform: uppercase;
    color: #363637;
    text-align: center;
    margin-top: 2%;
}

sup {
    font-size: .7em;
    line-height: .5em;
}




/* -----------------  NEW NAV -------------------- */

.navblock {
    background-color: #363637;
    box-shadow: 0 6px 4px -3px rgba(0, 0, 0, .2);
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

nav {
  float: right;

}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;    
}
nav ul li a {
  display: block;
  padding: 0 20px;
  line-height: 70px;
  background: #363637;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: .25px;
}
nav ul li a:hover {
  background: #00B3E3;
  color: #ffffff;
  -webkit-transition: background .5s;
  -moz-transition: background .5s;
  -o-transition: background .5s;
  transition: background .5s;    
}
nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul li {
  min-width: 300px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  display: none;
}

.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #363637;
  height: 70px;
  width: 70px;
}

.menu-text {
  display: none;
  position: absolute;
  top: 25px;
  right: 60px;
  background: #363637;
  height: 30px;
  width: 50px;
  color: #ffffff;
}


@media only screen and (max-width: 1000px) {

    nav ul li a {
    font-size: .76em
    } 
    
    nav ul li ul li {
    min-width: 223px;
}
    
}


@media only screen and (max-width: 800px) {
  .nav-mobile {
    display: block;
  }
    
  .menu-text {
    display: block;
  }    

  nav {
    width: 100%;
    padding: 70px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
    font-size: 1em;  
  }
  nav ul li ul li a {
    padding-left: 30px;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;

}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 5px;
  height: 3px;
  width: 25px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  bottom: -8px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

@media screen and (min-width: 800px) {
  .nav-list {
    display: block !important;
  }
}
/* 
.navigation – the outer wrapper for the navbar. Specifies the height and color, and will stretch the full width of the viewport.
*/
.navigation {
  height: 70px;
  background: #363637; 
}

/*
.nav-container – the inner wrapper for the navbar. Defines how far the actual content should stretch.
*/
.nav-container {
  max-width: 1000px;
  margin: 0 auto;
  background: #363637;
}

.brand {
  position: absolute;
  padding-left: 20px;
  float: left;
}



/* ----------------- BANNER -------------------- */


div.banner {
    position: relative;
}


div.banner img {
    width: 100%;
    height:auto;
}

img.bsizeMed {
    display: none;
}

img.bsizeMedMission {
    display: none;
}

img.bsizeMedSmall {
    display: none;
}

img.bsizeSmall {
    display: none;
}


/* ----------------- MISSION BANNER -------------------- */

div.bannerSlogan {
    background: rgba(36, 36, 37, .9);
    width: 100%;
    height: 83px;
    border-top: 6px solid #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 2.1em;
    text-align: center;
    color: #fff;
    letter-spacing: .03em;
    line-height: 2.5em;
    position: relative;
    bottom: 90px;
}




/* ----------------- HOME PAGE BUTTON -------------------- */

a.button {
    background-color:#00B3E3;
    color:#fff;
    text-decoration:none;
    display:block;
    min-width:280px;
    max-width:300px;
    padding:15px;
    border: solid 5px #fff;
    box-shadow:0px 0px 8px #414042;
    margin:40px auto 20px auto;
    font-family: 'Asap Condensed', sans-serif;
    font-weight:400;
    font-size:20px;
    text-align:center;
    word-spacing: .10em;
    letter-spacing: .03em;
}

a.button:hover {
    background-color:#373637;  
    color:#fff;
}


article a img:hover {
    opacity:0.3;   
}

article a {
    color:#00B3E3;
    text-decoration: none;
}


article a:hover {
    color:#373637 ;
}


ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

/* ----------------- MISSION PAGE BUTTON -------------------- */

a.buttonMission {
    background-color:#00B3E3;
    color:#fff;
    text-decoration:none;
    display:block;
    min-width:280px;
    max-width:300px;
    padding:15px;
    border: solid 5px #fff;
    box-shadow:0px 0px 8px #414042;
    margin-top: 40px;
    margin-left: 150px;
    margin-right: 150px;
    margin-bottom: 10px;
    font-family: 'Asap Condensed', sans-serif;
    font-weight:400;
    font-size:20px;
    text-align:center;
    word-spacing: .10em;
    letter-spacing: .03em;
    float: none;
}

a.buttonMission:hover {
    background-color:#373637;  
    color:#fff;
}


/* ----------------- FACEBOOK & TWITTER BUTTON -------------------- */

.icon-bar {
  position: fixed;
  top: 38%;
  right: 0%;    
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  text-decoration: none;
}


.icon-bar a:hover {
  background-color: #333;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

/* ----------------- MINI NAV BUTTON SSC PAGE -------------------- */


a.miniButton {
    background-color:#00B3E3;
    color:#fff;
    text-decoration:none;
    display:block;
    width: 150px;
    padding:5px;
    box-shadow:0px 0px 0px #414042;
    font-family: 'Asap Condensed', sans-serif;
    font-weight:400;
    font-size:18px;
    text-align:center;
    word-spacing: .10em;
    letter-spacing: .03em;
    border-radius: 0px 0px 15px 15px; 
    -moz-border-radius: 0px 0px 15px 15px; 
    -webkit-border-radius: 0px 0px 15px 15px; 
    -webkit-box-shadow: 10px 10px 47px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 47px -6px rgba(0,0,0,0.75);
    box-shadow: 5px 10px 15px -10px rgba(0,0,0,0.75);
}

a.miniButton:hover {
    background-color:#373637;  
    color:#fff;
}

/* ----------------- BOOK BUTTON SSC PAGE -------------------- */

a.bookButton {
    background-color:#d54b0a;
    color:#fff;
    text-decoration:none;
    display:block;
    min-width:200px;
    max-width:230px;
    padding:15px;
    margin:40px auto 20px auto;
    font-family: 'Asap Condensed', sans-serif;
    font-weight:400;
    font-size:1em;
    text-align:center;
    text-transform: uppercase;
    word-spacing: .10em;
    letter-spacing: .03em;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    border: solid 4px #fff;
    box-shadow:0px 0px 8px #414042;
}

a.bookButton:hover {
    background-color:#c04409;  
    color:#fff;
}



/* ----------------- IMAGE LINK FIX UP -------------------- */

img {
    border: 0;
}


/* ----------------- FLOATING SCROLL -------------------- */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(55, 54, 55, 1) url(../images/ssc/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #373637;
  opacity: 1;
}



/* ----------------- SECTIONS HOME PAGE -------------------- */


section#intro {
   max-width: 970px;    
   padding-bottom:30px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
}

section#introCTC {
   max-width: 970px;    
   padding-bottom:30px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
}

section.stats {
   max-width: 1150px;
   margin-left: auto;
   margin-right: auto;
} 

section.stats ul.columns{
    width:100%;
    display:inline-block;
    float:left;
    padding-bottom:10px;
    padding-top:20px;
}

section.stats ul.columns li {
    float: left;
    margin-left: 15px;
    margin-right: 0px;
    margin-bottom: 20px;
}

section#cta {
   max-width: 970px;    
   padding-bottom:50px;
   padding-top:30px;
   text-align:center;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
}


div.d3g {
   max-width: 970px;    
   padding-bottom:30px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
}
 
section.grid {
    width: 60%;
    float: left;
    padding-right: 5%;
}

aside.sidePic {
    width: 35%;
    float: left;
}

aside img {
    max-width: 100%;
    float: left;
}


section#supporters {
    position: relative;
    text-align:center;
    background-color:#343433;
    color:#fff;
    font-size:16px;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 320px;
    margin-bottom: 70px;
}

section#supportersLogos{
    min-width:300px;
    max-width:1200px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;     
}

img.gscale {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

img.gscale:hover {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

section#supportersLogos ul.split2{
    width:99%;
    text-align:center;   
}

section#supportersLogos ul.split2 li{
    width:49.5%;
    display:inline-block;
    text-align:left;   
}

section#supportersLogos ul.single{
    text-align:center;   
}

section#supportersLogos ul.single li:nth-Child(1){
    display:block;   
    text-align:left;
}

/* for lower versions of Safari */
section#supportersLogos ul.single li:nth-Child(1) h4{
    display:block;   
    text-align:center;
    margin-top:0px;
    
}

section#supportersLogos ul.single li{
    display:inline-block;
    margin-bottom: 20px;
   
}

section#supportersLogos ul.single li img{
    padding:0px;   
}

section#learn {
    position: relative;
    text-align:center;
    background-color:#343433;
    color:#fff;
    font-size:16px;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 70px;
}

div.links {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;  
} 

.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.column {
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
}

img.over {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

img.over:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

section#footer{
    text-align:center;
    padding:5px;
    background-color:#00B3E3;
    color:#fff;
    font-size:12px;
    margin-top: 70px;
}

section#footerLogos{
    min-width:300px;
    max-width:1000px;
    margin:0px auto;
      
}


/* ----------------- SECTIONS CHALKY TEETH PAGE -------------------- */

section#introMission {
    max-width: 970px;    
    padding-bottom:30px;
    text-align:left;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -60px;
}

section#chalkyTeeth{
    position: relative;
    text-align:center;
    background-color: #00B3E3;
    color: #fff;
    font-size:16px;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 80px;
    margin-bottom: 40px;
}

section#ctaMoreInfo {
   max-width: 600px;    
   padding-bottom:50px;
   padding-top:5px;
   text-align:center;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
}


section.mission {
    margin-bottom: 850px;
    padding: 0; 
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}


section.mission aside {
    width: 33%;
    float: left;
}

section.mission .content{
    margin: 15px;
    background: no-repeat;
    background-position: center;
    background-position: top;
    background-size: 176px 176px;
    padding-top: 200px;
}


section.missionBeta {
    margin-bottom: 50px;
    padding: 0; 
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

section.missionBeta aside {
    width: 33%;
    float: left;
}

section.missionBeta .content2{
    margin: 15px;
    padding-top: 50px;
}

div.indent2 {
    margin-bottom: 50px;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

section.mission aside .research {
    background-image: url(../images/chalkyteeth/why-research-chalky-teeth.png);
}

section.mission aside .education {
    background-image: url(../images/chalkyteeth/why-education-chalky-teeth.png);
}

section.mission aside .winning {
    background-image: url(../images/chalkyteeth/winning-chalky-teeth.png);
}

div.ct {
   max-width: 970px;    
   padding-bottom: 750px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
}

div.ctIssues {
   max-width: 970px;    
   padding-bottom: 20px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
}

aside.sidePicMission {
    width: 35%;
    float: left;
}

aside.sidePicMission img {
    margin-top: 5%
}

div.chalkyteeth {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   padding-bottom: 250px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1%;
}
 
section.ctgrid {
    width: 60%;
    float: left;
    padding-right: 5%;
}

aside.ctsidePic {
    width: 35%;
    float: left;
}

aside.ctsidePic2 {
    width: 30%;
    float: left;
}

aside img {
    max-width: 100%;
    float: left;
}

div.chalkyteethIssues {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   padding-bottom: 400px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1%;
}

section#ctaMoreInfo {
   max-width: 600px;    
   padding-bottom: 10px;
   padding-top: 0px;
   text-align:center;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
}

section#chalkyMolars {
   width: 970px;    
   padding-bottom:0px;
   padding-top:30px;
   text-align:center;
   padding-left: 0px;
   padding-right: 0px;
   margin-left: auto;
   margin-right: auto; 
}

div.ctMolars {
   max-width: 970px;    
   padding-bottom: 20px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
}

section#rapidBreak {
   width: 800px;    
   padding-bottom:40px;
   padding-top:40px;
   text-align:center;
   padding-left: 0px;
   padding-right: 0px;
   margin-left: auto;
   margin-right: auto; 
}


.chalkyMolarsHor {
    display: block;
}

.chalkyMolarsVert {
    display: none;
}

.decayPicHorz {
    display: block;
}

.decayPicVert {
    display: none;
}


/* ----------------- SECTIONS WFCT PAGE -------------------- */

div.wfctlinks {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
    
} 

div.wfctlinks2 {
   max-width: 1600px;
   margin-left: auto;
   margin-right: auto;
    
} 


div.wfctlinks3 {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 40px;
    
} 

.wfctcolumns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;     
}

.wfctcolumn {
    margin-bottom: 20px;
    margin-right: 30px;
    margin-left: 30px;
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.wfctcolumn .bottom {
	display: block;
}

.wfctcolumn .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 3px;
    right: 0px;
    opacity: 0;
	background: rgba(25, 25, 25, .9);
	color: #fff;
	padding: 0px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.wfctcolumn:hover .overlay,
.wfctcolumn.active .overlay {
	opacity: 1;
}

.wfctcolumn .text {
    font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);   
}

.wfct2column {
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.wfct2column .bottom {
	display: block;
}

div.wfctPractices {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   padding-bottom: 250px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3%;
}
 
section.wfctgrid {
    width: 60%;
    float: left;
    padding-right: 5%;
}

aside.wfctsidePic {
    width: 35%;
    float: left;
}

aside img {
    max-width: 100%;
    float: left;
}

section.wfctgrid2 {
    width: 65%;
    float: left;
    padding-right: 0%;
}

aside.wfctsidePic2 {
    width: 35%;
    float: left;
}

section.logos {
   max-width: 1150px;
   margin-left: auto;
   margin-right: auto;  
} 

section.logos ul.columns{
    width:100%;
    display:inline-block;
    float:left;
}

section.logos ul.columns li {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
}


#supporterPics {
    max-width: 100%;
}


div.whyWFCT {
   max-width: 990px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   padding-bottom: 400px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1%;
}

div.WFCTlogo {
   max-width: 990px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   padding-bottom: 250px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 1%;
}


/*----table----*/
/* table */
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  line-height: 1.25;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin:50px auto 0px auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table th,
table td {
  padding: .625em;
  text-align: left;
}
table th {
  font-size: .85em;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase; 
}

tr.topRow {
  background: #691B4B;  
  color: #ffffff;  
}



/* ----------------- SSC COMING SOON PAGE 

section#footerSSC {
    text-align:center;
    padding:5px;
    background-color:#00B3E3;
    color:#fff;
    font-size:12px;
    margin-top: 0px;
    margin-bottom: 0px;
}-------------------- */


  
/* ----------------- SECTIONS SSC PAGE -------------------- */

div.ssc {
   max-width: 970px;    
   padding-bottom: 630px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -5px;
   position: relative;   
}

div.miniNav {
    width: 325px;
    height: 30px;
    margin-top: 0px;
    margin-left: auto;
}

div.buttonL {
    float: left;
   
}

div.buttonR {
    float: right;
    margin-left: 5px;
}


section.gridSSC {
    width: 60%;
    float: left;
    padding-right: 5%;
    padding-bottom: 5%;
}

aside.sidePicSSC {
    width: 35%;
    float: left;
}

aside.sidePicSSC img {
    margin-top: 5%
}

blockquote {
  display:block;
  background: #fff;
  padding: 15px 60px 15px 75px;
  position: relative;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 7%;
  font-size: 1.35em;
  line-height: 1.45em;
  border-left: 25px solid #00B3E3;
  border-right: 5px solid #00B3E3;
  -moz-box-shadow: 1px 1px 10px #ccc;
  -webkit-box-shadow: 1px 1px 10px #ccc;
  box-shadow: 1px 1px 10px #ccc;
  color: #00b3e3;
  font-weight: 300;
}

blockquote::before{
  content: "\201C";
  position: absolute;
  left: 1px;
  top:80px;
  font-size: 10em;
  color: #00B3E3; 
}

blockquote::after{
  content: "";
}

section#join {
   max-width: 970px;    
   padding-bottom:30px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
}

.ssc2 {
    max-width: 970px;   
    margin-left: auto;
    margin-right: auto;
    padding-left: 35px;
    padding-right: 35px;
}    
    
.Rtable1 {   
   padding-bottom: 20px;
   width: 49%;
   float: left; 
   margin-bottom: 1%;
}
    
.Rtable2 {
   padding-bottom: 20px;
   width: 49%;
   float: right;
   margin-bottom: 1%;
}
    
.Rtable-cell-head { 
  background-color: #00b3e3;
  font-weight: 500;
  color: #fff;
  border: 3px solid #00b3e3;
  text-align: left;
  vertical-align: text-top;
  font-size: 1.3em; 
  line-height: 1.4em;
  padding: 2%;    
} 
    
    
.Rtable-cell {
  background: #fff;
  font-weight: 300;
  color: #363637;
  border: 3px solid #00b3e3;
  text-align: left;
  vertical-align: text-top;
  font-size: 1.1em; 
  line-height: 1.4em;
  font-weight: 300;
  padding: 2%;    
}    

.numberList {
    font-size: 1.1em; 
    line-height: 1.6em;
    font-weight: 300; 
}


section#sponsor {
    position: relative;
    text-align:center;
    background-color:#343433;
    color:#fff;
    font-size:16px;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 50px;
    margin-bottom: 0px;
}

div.ssc3 {
   max-width: 970px;    
   padding-bottom: 50px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;;
   position: relative;   
}

div.ssc4 {
   max-width: 970px;    
   padding-bottom: 50px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px;
   position: relative;
}

.sscLogo {
   margin-top: 0px;    
}

section#footerSSC {
    text-align:center;
    padding:5px;
    background-color:#00B3E3;
    color:#fff;
    font-size:12px;
    margin-top: 0px;
    margin-bottom: 0px;
}


/*----SSC table----*/
/* table */
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  line-height: 1.25;
}

.table2  {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 30px auto 30px auto;
  padding: 0;
  width: 100%;
  table-layout: auto;
}

.table2 caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.table2 tr {
  background: #fff;
  border: 1px solid #ddd;
  padding: .35em;
}

.table2 tr.grey {
  background: #ccc;
  border: 1px solid #ddd;
  padding: .35em;
}

.table2 th,
.table2 td {
  padding: .625em;
  text-align: left;
}

.table2 th {
  font-size: .85em;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
  background: #00b3e3;
}


/* ----------------- PREVENTION PAGE -------------------- */

div.hbstPractices {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   padding-bottom: 320px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3%;
}


section.hbstgrid {
    width: 60%;
    float: left;
    padding-right: 5%;
    
}

aside.hbstsidePic {
    width: 35%;
    float: left;
}

aside img {
    max-width: 100%;
    float: left;
}

section.hbstscigrid {
    width: 60%;
    float: left;
    padding-right: 5%;
    
}

aside.hbstscisidePic {
    width: 35%;
    float: left;
    padding-bottom: 10%;
}

section.hbstscigrid2 {
    width: 60%;
    float: left;
    padding-right: 5%;
    
    
}

aside.hbstscisidePic2 {
    width: 35%;
    float: left;
    padding-bottom: 5%;
}

section#graphPic {
   max-width: 970px;    
   padding-bottom:40px;
   padding-top:30px;
   text-align:center;
   margin-left: auto;
   margin-right: auto;
}

div.ctMolarsPrev {
   max-width: 970px;    
   padding-bottom: 20px;
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 200px;
}



/* ----------------- SPEAK CHALKY TEETH PAGE -------------------- */

div.speakChalky {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   padding-bottom: 800px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3%;
}

.chalkyMolarsHor {
    display: block;
    margin-right: auto;
    margin-left: auto;
}


section#chalkyLingo {
   width: 100%;    
   padding-bottom:0px;
   padding-top:30px;
   text-align:center;
   padding-left: 0px;
   padding-right: 0px;
   margin-left: auto;
   margin-right: auto; 
}

 

/* ----------------- SCREEN BREAKS -------------------- */

/* Large Screens 1360px and less */
@media screen and (min-device-width : 480px) and (max-width: 1360px) {
    
div.wfctlinks {
   max-width: 1000px;
   margin-left: auto;
   margin-right: auto;  
}

blockquote {
    margin-top: 0%;
    margin-bottom: 10%;   
}     
    
}

/* Large Screens 1280px and less */
@media screen and (min-device-width : 480px) and (max-width: 1280px) {
    
div.wfctlinks3 {
   width: 500px;
   margin-left: auto;
   margin-right: auto;  
}
    
h1.hsh {

    font-size: 2em; 
}
    

h4 {
    margin-left: 30px;
    margin-right: 30px
}   

.header li a {
    font-size: .95em;
}

img.bsizeBig {
    display: none;
}
    
img.bsizeMed {
    display: block;
}
    
img.bsizeMedMission {
    display: block;
}
    
img.bsizeMedSmall {
    display: none;
}
    
img.bsizeSmall {
    display: none;
}
    
div.bannerSlogan {
    height: 85px;
    font-size: 2.1em;
    bottom: 90px;
}

section.stats {
   width: 100%;
   margin-left: auto;
   margin-right: auto;  
}

section.stats ul.columns li {
   width: 30%;
   margin-left: 3%;       
}    
    
section.stats ul.columns li img {
    max-width: 100%;
}
    

section.logos {
   width: 100%;
   margin-left: auto;
   margin-right: auto;  
}    
    
section.logos ul.columns li {
   width: 30%;
   margin-left: 3%;        
}    
    
section.logos ul.columns li img {
    max-width: 100%;
}

    
    
section#learn {
    padding-top: 4%;
    padding-bottom: 4%;
} 
    
section.mission {
    margin-bottom: 900px;
    padding: 0; 
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
    
section.missionBeta {
    margin-bottom: 900px;
    padding: 0; 
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
    
a.buttonMission {
    float: left;
}
    
div.ssc {
    margin-bottom: 2%;
    margin-top: 0px;
}   

blockquote {
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 10%;
}

p.samcopyrightItalic {
    margin-top: 3%;
    margin-bottom: 3%;
} 
       
section#ctaMoreInfo {  
   padding-bottom: 90px;
}    
    
/* ----------------- FACEBOOK & TWITTER BUTTON -------------------- */

.icon-bar {
  top: 40%;   
}

.icon-bar a {
  padding: 8px;
  font-size: 18px; 
}

}


/* ----------------- BREAKPOINTS -------------------- */


/* Medium Screens 1000px and less */
@media screen and (min-width: 300px) and (max-width: 1000px) { 
    
section#chalkyMolars {
   width: 100%;    
}
    
section#chalkyMolars img {
   width: 100%;    
}
    
section#chalkySci {
   width: 100%;    
}
    
section#chalkySci img {
   width: 100%;    
}

section#graphPic img {
   width: 100%;    
} 
    

    
}



   
/* Medium Screens 960px and less */
@media screen and (min-width: 300px) and (max-width: 960px) {   
     
    
div.bannerSlogan {
    font-size: 2em;
} 
    
    
.sticky-container{
    top:250px;
}
  
    
section.mission {
    margin-bottom: 100px;
    padding: 0; 
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}  
    
section.missionBeta {
    margin-bottom: 100px;
    padding: 0; 
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
} 
    
section.mission aside {
    width: 100%;
    float: none;
    text-align: left;
}
    
section.missionBeta aside {
    width: 100%;
    float: none;
    text-align: left;
}
    
section.mission .content {
    margin-bottom: 80px;
    margin-left: 8%;
    margin-right: 8%;
}
    
section.missionBeta .content {
    margin-bottom: 80px;
    margin-left: 8%;
    margin-right: 8%;
}
    
section.grid {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
    
aside.sidePic {
    width: 50%;
    padding-top: 10%;
    margin-left: 200px;
    margin-right: auto;
}
    
section#supporters {
    margin-top: 350px;
    padding-left: 10%;
    padding-right: 10%;
}

    
div.ct {   
   padding-bottom: 450px;
}
   
    
div.chalkyteeth {
   padding-bottom: 300px;

}  
    
    
div.whyWFCT {
   padding-bottom: 550px;

} 
    
div.WFCTlogo {
   padding-bottom: 200px;

} 
    
aside.sidePicMission {
    width: 100%;
    float: none;
    margin-left: 7%;
    margin-right: 7%;
    margin-top: 3%;
}

aside.sidePicMission img {
    max-width: 100%;
    margin-top: 3%;
    margin-right: 3%;
}
   
div.chalkyteethIssues {
   padding-bottom: 450px;
}    
    
    
div.ssc {
    margin-left: 2%;
    margin-right: 2%;
} 
    
blockquote {
    margin-top: 10%;
    margin-bottom: 15%;   

}
            
section.hbstgrid {
    width: 100%;
    float: none;
    padding-right: 5%;
}

aside.hbstsidePic {
    width: 100%;
    margin-top: 5%;
    margin-left: 28%;
}
    
aside.hbstsidePic img {
    margin-bottom: 5%;
} 

.hbstPic {
       width: 100%; 
    } 
    
section.hbstscigrid {
    width: 100%;
    float: none;
    padding-right: 5%;
}

aside.hbstscisidePic {
    width: 100%;
    margin-top: 3%;
    margin-left: 28%;
}
    
div.speakChalky {
   padding-bottom: 550px;  
}
    
    
    
/* Medium Screens 848px and less */
@media screen and (min-width: 300px) and (max-width: 848px) { 

img.bsizeBig {
    display: none;
}
    
img.bsizeMed {
    display: block;
}
    
img.bsizeMedMission {
    display: none;
}
    
img.bsizeMedSmall {
    display: block;
} 

img.bsizeSmall {
    display: none;
}
    
.sticky-container{
    top:230px;
}
    
section#supporters {
    padding-left: 5%;
    padding-right: 5%;
}
   
p.xsmallItalic {
    padding-left: 25%;
    padding-right: 25%;
}     
    
div.bannerSlogan {
    height: 95px;
    line-height: 1.1em;
    bottom: 124px;
    padding-top: 23px;
}
    
div.ct {   
   padding-bottom: 500px;
}
    
section#introMission {
    margin-top: -110px;
} 
       
aside.sidePicMission {
    margin-left: 7%;
    margin-right: auto;
    margin-top: 3%;
}

aside.sidePicMission img {
    max-width: 100%%;
    margin-bottom: 0px;
    width: 45%;
}
    
div.chalkyteethIssues {
   padding-bottom: 500px;
} 
        
div.ssc {
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 32%;
}    
    
section.gridSSC {
    float: none;
    width: 100%;
    padding-bottom: 4%;
}
    
aside.sideTextSSC {
    width: 100%;
    float: none;
    padding-bottom: 0px;
}

aside.sidePicSSC {
    width: 100%;
    float: none;
}

aside.sidePicSSC img {
    margin-top: 0px;
    max-width: 100%;
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    padding-bottom: 2%;
}
       
blockquote {
    margin-top: 8%;
    margin-bottom: 15%;   
}
    
.cd-top {
    height: 35px;
    width: 35px;
    right: 0px;
}
    
aside.hbstsidePic {
    margin-left: 23%;
}
    
aside.hbstscisidePic {
    margin-left: 23%;
} 
    
.decayPicHorz {
    width: 90%;
}
 
div.landingText {
    padding-top: 40%;
} 


    
}


/* Medium Screens 768px and less */
@media screen and (min-width: 300px) and (max-width: 768px) {
    
.sticky-container{
    top:200px;
}    
    
section.grid {
   width: 100%;
}

aside.sidePic {
    width: 50%;
    padding-top: 10%;
    margin-left: 100px;
    margin-right: auto; 
} 

section#supporters{
    margin-top: 300px;
}
    
p.xsmallItalic {
    padding-left: 20%;
    padding-right: 20%;
}  
    
section#learn {
    padding-top: 4%;
    padding-bottom: 4%;
    margin-top: 80px;
} 
    
section#introMission {
    margin-top: -110px;
}     
    
section.mission {
    margin-bottom: 30px;
} 
    
section.missionBeta {
    margin-bottom: 30px;
} 
    
div.ct {   
   padding-bottom: 20px;
}
    
div.chalkyteethIssues {
   padding-bottom: 0px;
} 
     
aside.sidePicMission {
    width: 100%;
}

aside.sidePicMission img {
    margin-top: 3%;
    margin-right: 3%;
    margin-left: 20%;
}

div.wfctPractices {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3%;
}
 
section.wfctgrid {
    width: 100%;
    float: none;
    padding-right: 5%;
}

aside.wfctsidePic {
    width: 100%;
    margin-top: 5%;
    padding-left: auto;
    margin-left: 20%;   
}
    
aside.wfctsidePic img {
    margin-bottom: 10%;
}  
    
div.chalkyteeth {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3%;   
}
    

div.whyWFCT {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3%;
   padding-bottom: 350px;    
}
    
div.WFCTlogo {
   max-width: 970px;    
   text-align:left;
   padding-left: 35px;
   padding-right: 35px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3%;
   padding-bottom: 350px;    
}    
  
    
    
section.ctgrid {
    width: 100%;
    float: none;
    padding-right: 5%;
}

aside.ctsidePic {
    width: 100%;
    margin-top: 5%;
    padding-left: auto;
    margin-left: 20%;   
}
    
aside.ctsidePic2 {
    width: 70%;
    margin-top: 5%;
    margin-bottom: 5%;
    padding-left: auto;
    margin-left: 10%;   
}
    
aside.ctsidePic img {
    margin-bottom: 10%;
}
      
aside.sidePicMission img {
    float: none;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 0px;
} 
    
div.ssc {
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 0px;
    margin-bottom: 3%;
}    
    
section.gridSSC {
    float: none;
    width: 100%;
    padding-bottom: 5%;
}
    
aside.sideTextSSC {
    width: 100%;
    float: none;
    padding-bottom: 0px;
}

aside.sidePicSSC {
    width: 100%;
    float: none;
}

aside.sidePicSSC img {
    float: none;
    margin-top: 0px;
    max-width: 100%;
    width: 70%;
    padding-left: auto;
    padding-right: auto;
    padding-bottom: 1%;
    margin-left: 15%;
    margin-right: 0px;
}
    
blockquote {
    margin-top: 0%;
    margin-bottom: 20%;   
}     
    
.ssc2 {
    max-width: 970px;   
    padding-left: 35px;
    padding-right: 35px;
    margin-left: auto;
    margin-right: auto;   
}    
    
.Rtable1 {   
   padding-bottom: 20px;
   float: none;
   width: 100%;    
}
    
.Rtable2 {
   padding-bottom: 20px;
   margin-bottom: 2%;
   float: none;
   width: 100%;    
}
    
.Rtable-cell-head { 
  background-color: #00b3e3;
  font-weight: 500;
  color: #fff;
  border: 3px solid #00b3e3;
  text-align: left;
  vertical-align: text-top;
  font-size: 1.3em; 
  line-height: 1.4em;
  padding: 2%;    
} 
    
    
.Rtable-cell {
  background: #fff;
  font-weight: 300;
  color: #363637;
  border: 3px solid #00b3e3;
  text-align: left;
  vertical-align: text-top;
  font-size: 1.1em; 
  line-height: 1.4em;
  font-weight: 300;
  padding: 2%;    
}  
    
aside.hbstsidePic {
    margin-left: 20%;
} 
    
aside.hbstscisidePic {
    margin-left: 20%;
}     
  
section#chalkyMolars {
   width: 60%;    
}
    
section#rapidBreak {
   width: 500px;    
   margin-left: auto;
   margin-right: auto; 
}

      
.chalkyMolarsHor {
    display: none;
}

.chalkyMolarsVert {
    display: block;
}
    
.chalkyTeethHor {
        display: none;
}
    
.chalkysciHorz {
    display: none;
}

.chalkysciVert {
    display: block;
}
    
.decayPicHorz {
    display: none;
}

.decayPicVert {
    display: block;
    margin-left: auto;
    margin-right: auto;
} 
  
    
section#chalkySci {
   width: 60%;    
}
    
section#graphPic {
   width: 95%;    
} 
    
    
}

    
/* Small Screens 628px and less */
@media screen and (min-width: 300px) and (max-width: 628px) {

p {
    font-size: 1em; 
}
   
p.supportSubH {
    font-size: 1.1em; 
    font-weight: 400;
    word-spacing: .1em;
    letter-spacing: .04em;
    line-height: 1.4em;
}
    
p.xsmallItalic {
    padding-left: 15%;
    padding-right: 15%;
} 
 
p.d3Links {
    font-size: 1.2em; 
    line-height: 1.2em;
    margin-left: 13%;
    margin-right: 12%;   
} 
    
p.d3LinksArrow {
    margin-top: 3%;
}    
    
h2 {
    font-size: 2.5em; 
    word-spacing: .1em;
    letter-spacing: .02em;
}
    
h3 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 .0 0; 
    font-size: 2em; 
    font-weight: 700;
    text-transform: uppercase;
    color: #363637;
}    
    
h4 {
    margin-left: 30px;
    margin-right: 30px
}
    
h5 {
  font-size: 1.1em;    
}
    
img.bsizeMedSmall {
    display: none;
}
    
img.bsizeMed {
    display: none;
}
        
img.bsizeSmall {
    display: block;
}
    
section.stats {
   margin-left: auto;
   margin-right: auto;  
}
    
section.stats ul.columns{
    width:90%;
    display:inline-block;
    float:left;
}

section.stats ul.columns li {
   width: 70%;
   margin-left: 95px;
   margin-right: auto;    
} 
    
    
section.logos {
   margin-left: auto;
   margin-right: auto;  
}
    
section.logos ul.columns{
    width:90%;
    display:inline-block;
    float:left;
}

section.logos ul.columns li {
   width: 70%;
   margin-left: 95px;
   margin-right: auto;    
}
    
    
section.grid {
   width: 100%;
}
    
div.ct {   
   padding-bottom: 20px;
}

aside.sidePic {
    width: 70%;
    padding-top: 10%;
    margin-left: 60px;
    margin-right: auto; 
}
  
section#supporters{
    margin-top: 350px;
}    
    
    
section#learn {
    padding-top: 5%;
    padding-bottom: 5%;
} 

section#introMission {
    margin-top: -110px;
}    
    
section.mission {
    margin-bottom: 30px;
} 
    
section.missionBeta {
    margin-bottom: 30px;
} 
    
a.buttonMission {
    float: none;
    margin-left: auto;
    margin-right: auto;
    }
    
p.inverseHead {
    line-height: 1.3em;
}
    
aside.sidePicMission {
    margin-left: 14%;
    margin-right: auto;
    margin-top: 4%;
}   

aside.sidePicMission img {
    width: 70%;
    margin-left: 0%;
}
        
aside.sidePicMission img {
    margin-left: 0px;
}
    
aside.wfctsidePic {
    margin-left: 15%;   
}
    
    
div.WFCTlogo {
   padding-bottom: 250px;    
} 
    
aside.ctsidePic {
    margin-left: 15%;   
} 
    
aside.ctsidePic2 {
    margin-bottom: 0%;
    margin-left: 15%;   
}
    
.decayPic {
    width: 100%;    
    }    
    
ul.wfct {
    font-size: 1em; 
}    

table {
    border: 0;
}

table caption {
    font-size: 1.3em;
}
  
table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
}
  
table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
}
  
table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    color: #691B4B;
  }

table td:last-child {
    border-bottom: 0;
  }
    
  
aside.sidePicSSC img {
    width: 80%;
    margin-left: 10%;
}  

blockquote {
    margin-top: 5%;
    margin-bottom: 20%;   

} 
    
.table2 {
    border: 0;
}

.table2 caption {
    font-size: 1.3em;
}
  
.table2 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.table2 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
}
    
.table2 tr.grey {
    border-bottom: 3px solid #ccc;
    display: block;
    margin-bottom: .625em;
}
  
.table2 td {
    border-bottom: 1px solid #ddd
    display: block;
    font-size: .8em;
    text-align: right;
}
    
.table2 td.grey2 {
    border-bottom: none;
    display: none;
    font-size: .8em;
    text-align: right;
    height: 0px;
}
  
.table2 td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    color:#111;
  }

.table2 td:last-child {
    border-bottom: 0;
  }
    
aside.hbstsidePic {
    margin-left: 15%;
} 
    
aside.hbstscisidePic {
    margin-left: 15%;
}     
    
section#chalkyMolars {
   width: 80%;    
}  
    
section#chalkySci {
   width: 80%;    
} 
   
div.wfctcolumn img {
        max-width: 100%;
}    
    
    
}

/* Small Screens 528px and less */
@media screen and (min-width: 300px) and (max-width: 528px) {

p.xsmallItalic {
    padding-left: 10%;
    padding-right: 10%;
} 
    
div.ct {   
   padding-bottom: 20px;
} 
    
aside.sidePicMission img {
    padding-left: 1%;
}
    
section#supporters{
    margin-top: 300px;
}
    
aside.wfctsidePic {
    margin-left: 5%;   
}
    
aside.ctsidePic {
    margin-left: 5%;   
}
    
aside.sidePicSSC img {
    width: 100%;
    margin-left: 0px;
} 
    
blockquote {
    margin-top: 5%;
    margin-bottom: 20%;   

}
    
aside.hbstsidePic {
    margin-left: 0%;
} 
    
aside.hbstscisidePic {
    margin-left: 0%;
    margin-bottom: 0%;
} 
    
section#rapidBreak {
   width: 90%;    
}

section#rapidBreak img {
    width: 100%    
}
    
div.wfctlinks3 {
   width: 400px;
   margin-left: auto;
   margin-right: auto;  
}   
   
    
}
    

/* Small Mobile Screens 480px and less */
@media screen and (min-width: 300px) and (max-width: 480px) {

p.d3Links {
    font-size: 1.2em; 
    line-height: 1.2em;
    margin-left: 6%;
    margin-right: 6%;   
}
    
p.d3LinksArrow {
    margin-top: 3%;
}
    
h1 {
    font-size: 2.7em;        
}
    
div.bannerSlogan {
   font-size: 1.85em;
    height: 106px;
    line-height: 1.1em;
    bottom: 124px;
    padding-top: 12px;
} 
    
     
section.stats ul.columns li {
   width: 80%;
   margin-left: 40px;
   margin-right: auto;    
} 
    

section.stats ul.columns li img{
   width: 100%;   
} 
    
    
section.logos ul.columns li {
   width: 80%;
   margin-left: 40px;
   margin-right: auto;    
} 
    

section.logos ul.columns li img{
   width: 100%;   
}  

    
section.grid {
   width: 100%;
}
    
div.ct {   
   padding-bottom: 20px;
}

section#supporters {
    padding-left: 2%;
    padding-right: 2%;
}    
    
aside.sidePic {
    width: 80%;
    padding-top: 10%;
    margin-left: 30px;
    margin-right: auto; 
}


section#learn {
    padding-top: 9%;
    padding-bottom: 9%;
}
    
section#introMission {
    margin-top: -110px;
}
    
section.mission {
    margin-bottom: 50px;
} 
    
section.missionBeta {
    margin-bottom: 50px;
} 
    
section.mission .content {
    margin-bottom: 50px;
} 
    
section.missionBeta .content {
    margin-bottom: 50px;
}
    
aside.sidePicMission {
    margin-left: auto;
    margin-right: auto;
    margin-top: 6%;
}   

aside.sidePicMission img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
} 
    
div.wfctlinks {
    margin-bottom: 13%;   
} 
    
aside.wfctsidePic {
    margin-left: 0%;   
}
    
aside.wfctsidePic img {
    margin-top: 4%;
    padding-left: 1%;
    margin-bottom: 15%;
}
    
    
aside.ctsidePic {
    margin-left: 0%;   
}
    
aside.ctsidePic img {
    margin-top: 4%;
    padding-left: 1%;
    margin-bottom: 15%;
}
    
    
blockquote {
    margin-top: 5%;
    margin-bottom: 20%;   

}
    
.sscLogo {
   margin-right: 70px;
   margin-left: 70px;
}
    
aside.hbstsidePic {
    margin-left: 0%;
} 
    
aside.hbstscisidePic {
    margin-left: 0%;
    margin-bottom: 0%;
} 
    

         
}
    
/* Small Mobile Screens 430px and less */
@media screen and (min-width: 300px) and (max-width: 430px) {

div.ct {   
   padding-bottom: 20px;
}

section#supporters{
    margin-top: 250px;
}
    
p.xsmallItalic {
    padding-left: 5%;
    padding-right: 5%;
}

section#learn {
    padding-top: 9%;
    margin-top: 5%;
}   
    
aside.wfctsidePic {
    margin-left: 0%;   
}
    
aside.ctsidePic {
    margin-left: 0%;   
}
    
blockquote {
    margin-top: 5%;
    margin-bottom: 25%;   
}
           
    
}