/*

font-family: 'Bungee', cursive;
font-family:'Museo Sans W01_300';
font-family:'MuseoSansW01-300Italic';
font-family:'Museo Sans W01_500';
font-family:'Museo Sans W01_700';
font-family:'Museo Sans W01_900';


*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


body, html {margin:0;}

#digitalskills {width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-family:'Museo Sans W01_300', sans-serif;}

#digitalskills sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.digitalskills_section {width:100%; position:relative; z-index:1;/*! background: #00b2c7; */}
.digitalskills_content {max-width:1280px; position:relative; z-index:1; margin:0 auto;}

#digitalskills a.digitalskills_btn {display:inline-block; height:30px; line-height:32px; background:#d2232a; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color:#fff; text-decoration:none; text-align:center; box-sizing:border-box; padding:0 27.25px; font-size:11px; letter-spacing:2px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
white-space: nowrap;
margin: 28px auto 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 48px;
}

/* Hero */
#digitalskills_hero {background:url(../images/hero_bg.jpg) center top no-repeat; background-size:cover; padding:0;}
#digitalskills_hero .digitalskills_content {text-align:center; min-height:416px;padding: 0 0 29px 0;}

#hero_sponsored {font-family:'Museo Sans W01_500', sans-serif; color:#fff; font-size:9px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); padding:20px 20px 10px 20px; /*! float: left; */}
#hero_sponsoredby {text-indent: -9999px; background:url(../images/sponsoredbygoogle.png) center center no-repeat; background-size:contain; width: 157px; height: 20px; margin: 0 auto; padding:0px; display: block;}

/*#digitalskills_hero h1 {  background-size:contain;   margin: 0 auto; padding:252px 0 0px; box-sizing: border-box;width: 90%;font-size: 60px;color: #f8ba17;font-family: 'Bungee', cursive;text-transform: uppercase; text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);line-height: 66px;}*/

#digitalskills_hero h1 {text-indent: -9999px; background:url(../images/hero_txt.png) bottom center no-repeat; background-size:contain; width: 92%; max-width: 748px;  margin: 167px auto 0; padding:0; display: block;min-height: 100px;/*! max-height: 149px; */}
#digitalskills_hero h2 {margin: 0 auto; padding: 22px 0 0 0; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; font-size: 20px;color: #f8ba17;line-height: 28px; width: 90%; text-transform: uppercase; text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);}  
#digitalskills_hero h2 br {display: none;}  


/* Intro */
#digitalskills_intro {background:#fff;}
#digitalskills_intro .digitalskills_content {text-align:center; padding: 0;}
#digitalskills_intro .digitalskills_content h2 {margin:0 0 10px 0; padding:0; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; color:#000; font-size: 32px; line-height: 38px; text-transform: uppercase;}
#digitalskills_intro p {margin:0 auto;; padding: 44px 0 40px; font-size:20px; line-height: 30px; font-family:'Museo Sans W01_500', sans-serif; font-weight: 500; color:#000; max-width: 990px;width: 94%;letter-spacing: -.3px;}
#digitalskills_intro p strong {font-family:'Museo Sans W01_700', sans-serif; font-weight: 700;}

/* Resources */
#digitalskills_resources {text-align: center; padding: 66px 0 64px;
background: #537ebf; 
}

#digitalskills_resources #resources_intro {text-align: center; margin-bottom: 7px;}
#digitalskills_resources #resources_intro #icon_resources {width:62px; height: 42px; margin-bottom:19px;}
#digitalskills_resources #resources_intro h2 { background:url(../images/lessons_hdr.png) center center no-repeat; background-size: contain; max-width: 448px; height: 58px; text-indent: -9999px; margin:0 auto; padding:0; font-family: 'Bungee', cursive; font-weight: 900; color:#fff; font-size: 32px; line-height: 38px;width: 90%;}
#digitalskills_resources #resources_intro p {margin:0 auto; padding:0; font-family:'Museo Sans W01_300', sans-serif; color:#fff; font-size:18px; line-height:21px;width: 80%;}
#digitalskills_resources #resources_bottom p {margin:0 auto; padding:0; font-family:'Museo Sans W01_500', sans-serif;  font-weight: 500; color:#fff; font-size:19px; line-height:21px;width: 90%; max-width: 586px;}
#digitalskills_resources #resources_bottom a {font-family:'Museo Sans W01_900', sans-serif;  font-weight: 900; color: #fff; text-decoration: underline;}

#digitalskills_resources #resources_bottom a.resources_btn {display:block; height:40px; line-height:40px; background:#fff; font-family:'Museo Sans W01_900', sans-serif; color:#000; text-decoration:none; text-align:center; box-sizing:border-box; width:280px; font-size:13px; margin:0 auto;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;}


/* Pods */
.pods-holder {max-width:920px; margin:0 auto; padding: 0px 0 45px 0;}
.pod {display:inline-block; width:280px; box-shadow:-3px 3px 0 0 rgba(0, 0, 0, 0.25); background-color:#ffffff;  margin: 0px 14px 20px 14px; text-decoration: none; vertical-align: text-top; padding-bottom: 40px;height: 566px;position: relative;}
.pod-thumb {display: block;}
.pod-thumb img {width:280px; height:210px;}
.pod-info {display: block; text-align: center; padding-bottom: 19px;}
.pod-type {display: block; font-family:'Museo Sans W01_900', sans-serif; font-size:13px; line-height:14px; padding:28px 0 9px; color: #537ebf;font-weight: 900;}
.pod-title {display: block; font-family:'Museo Sans W01_300', sans-serif; font-size:20px; line-height:24px; color:#414141;margin: 0 0 21px 0;}
.pod-title em {font-family:'MuseoSansW01-300Italic' sans-serif;}

.pod-grades {
  display:block;
  font-size: 10px;
  text-align: center;	
  padding:16px 0;
  text-transform: uppercase;
  font-family:'Museo Sans W01_700', sans-serif;
  font-weight: 700;
  color: #414141;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #b3b3b3;
  letter-spacing: 0px;
}
.pod-grades strong {
  display:block;
 font-family:'Museo Sans W01_900', sans-serif;
  font-weight: 900;
  font-size: 20px;
  text-align: center;
  color: #b2b2b2;
  padding-top: 1px;
}


.pod-btn {display:block; height:40px; line-height:41px; background:#537dbf; font-family:'Museo Sans W01_900', sans-serif; color:#fff; text-decoration:none; text-align:center; box-sizing:border-box; width:212px; font-size:13px; margin: 0 auto 30px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
letter-spacing: 1px;
/*! position: absolute; */
/*! left: 0; */
/*! right: 0; */
/*! bottom: 31px; */
font-weight: 900;
}
.pod-btn:hover {color: #fff;}

.pod-connect {font-size: 14px; font-family:'Museo Sans W01_500', sans-serif; font-weight: 500; text-align: center; color: #537ebf;margin: 0 auto;}
.pod-connect a {font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; text-decoration: underline; color: #537ebf;}


/* Survey */
#digitalskills_survey {text-align: center; background: #e8b120;margin-bottom: 29px;}
#digitalskills_survey .digitalskills_content {padding: 40px 0;}
#digitalskills_survey #icon_survey {width:43px; height: 50px; margin-bottom:11px;}
#digitalskills_survey h2 {margin:0 0 6px 0; padding:0; font-family:'Museo Sans W01_900', sans-serif;  font-weight: 900; color:#fff; font-size: 32px; line-height: 38px;}
#digitalskills_survey p {margin:0 auto; padding:0; font-family:'Museo Sans W01_500', sans-serif; color:#fff; font-size:18px; line-height:21px;width: 80%;}
#digitalskills_survey strong {font-family:'Museo Sans W01_700', sans-serif;  font-weight: 700;}

#digitalskills_survey a.survey-btn {display:block; height:40px; line-height:40px; background:#fff; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; color:#ea4435; text-decoration:none; text-align:center; box-sizing:border-box; width:240px; font-size:13px; margin:36px auto 38px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
letter-spacing: 1px;
}

#digitalskills_survey p:last-of-type {margin:0 auto; padding:0; text-align: center; font-family:'Museo Sans W01_500', sans-serif; font-weight: 500; color:#fff; font-size:11px; line-height:13px;width: 90%; max-width: 970px;}





/* Media Queries */

@media only screen and (min-width: 480px) {


#digitalskills_hero h1 {}
#digitalskills_resources #resources_bottom a.resources_btn {width:360px; font-size:13px; margin:0 auto; letter-spacing: .7px;line-height: 40px;}

}
@media only screen and (min-width: 600px) {
#digitalskills_video  p br {display: initial;}
#digitalskills_videolessons a {display: inline-block; margin: 0 0 0 15px; text-decoration: none; text-align: center; font-family:'Museo Sans W01_700', sans-serif; font-weight: 700; color:#000; font-size: 14px;width: 163px;line-height: 16px;}
#digitalskills_videolessons a:first-child { margin: 0; }
#hero_sponsored {float: left;}
#hero_sponsoredby {float: right; margin: 18px 20px 26px 0;background:url(../images/sponsoredbygoogle.png) center center no-repeat; background-size: contain;} 
  
#digitalskills_hero h1 {margin: 0 auto;padding: 487px 0 0 0;background: url(../images/hero_txt.png) bottom center no-repeat;background-size: contain;}
#digitalskills_hero h2 {width: 100%}  
#digitalskills_hero h2 br {display: initial;}  

.pod {height: 600px;}

#digitalskills_resources #resources_bottom a br {display: none;}


}

@media only screen and (min-width: 720px) {

/* Hero */
#digitalskills_hero .digitalskills_content {text-align:center; min-height:816px;padding: 0 0 29px 0;}

  #hero_sponsored {padding:17px 0 0 20px; float: left; }
#hero_sponsoredby {text-indent: -9999px; background:url(../images/sponsoredbygoogle.png) center center no-repeat; background-size:contain; width: 157px; height: 20px; margin: 17px 30px 0 0; padding:0px; float: right;}
#digitalskills_hero h1 {height: 149px;margin:  0 auto;padding: 714px 0 0 0;}

  #digitalskills_hero h2 {margin: 0 auto; padding: 22px 0 0 0; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; font-size: 31px;color: #f8ba17;line-height: 34px; width: 90%; text-transform: uppercase; text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);}  


#footer_scholastic br {display: block;}

}

@media only screen and (min-width: 960px) {
/*Hero */
#digitalskills_hero .digitalskills_content {text-align:center; min-height:716px;}
  #digitalskills_hero h1 {height: 149px;margin:  0 auto;padding: 632px 0 0 0;}
#digitalskills_intro p {font-size:19px;}

.pods-holder {max-width:920px; margin:0 auto; padding: 32px 0 0 0;}
.pod-thumb img {width:352px; height:236px;}
.pod {display:inline-block; width:352px; box-shadow:-3px 3px 0 0 rgba(0, 0, 0, 0.25); background-color:#ffffff;  margin: 0px 50px 62px 0; text-decoration: none; vertical-align: text-top; padding-bottom: 40px;height: 600px;position: relative;}
.lasttwo {margin-bottom: 53px;}
.pod:nth-child(even) {margin: 0px 0 20px 50px;} 

}



@media only screen and (min-width: 980px) {


}

@media only screen and (min-width: 1024px) {
#digitalskills_intro p {font-size:20px;}



}

@media only screen and (min-width: 1280px) {
#digitalskills_hero .digitalskills_content {min-height:542px;}
}

@media only screen and (min-width: 1900px) {
#digitalskills_hero .digitalskills_content {min-height:480px;}
}