@media screen and (min-width: 640px) and (max-width: 767px)  {
  .container {
    width: 640px;
  }
}


@media screen and (min-width: 300px) and  (max-width: 479px) {/* Start Media Query */
  
  #fam-comm .rp-base h2, #pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    font-size:2.35em;
  }
}/* End Media Query */

@media screen and (min-width: 480px) and  (max-width: 640px) {/* Start Media Query */
  
  #fam-comm .rp-base h2, #pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    font-size:2.25em;
  }
}/* End Media Query */


@media screen and (min-width: 401px) and  (max-width: 640px) {/* Start Media Query */
  
  #fam-comm .rp-base h2 {
    margin-top:13%;
    margin-left:40%;
  }
#pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    margin-top:15%;
  }
  

}/* End Media Query */


@media screen and (min-width: 641px) and (max-width: 999px) {/* Start Media Query */
  
  #fam-comm .rp-base h2, #pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    font-size:2.75em;
  }
  #fam-comm .rp-base h2 {
    margin-top:11%;
    margin-left:40%;
  }
#pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    margin-top:13%;
  }
 


}/* End Media Query */


@media screen and (min-width: 1000px) and  (max-width: 1199px) {/* Start Media Query */
  
  #fam-comm .rp-base h2, #pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    font-size:2.5em;
  }
  #fam-comm .rp-base h2 {
    margin-top:18%;
  }
#pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    margin-top:20%;
  }

  .resource_links-RtoL {
margin: 1.5em 2em 1.5em 50%;
 }



  #fam-comm .rp-overlay-RtoL, #toddler .rp-overlay-RtoL, #preschooler .rp-overlay-RtoL, #pregnancy .rp-overlay-RtoL, #baby .rp-overlay-RtoL, #gradeschooler .rp-overlay-RtoL{
    background-position:-70px top;
    }
}/* End Media Query */

@media screen and (min-width: 300px) and  (max-width: 499px) {/* Start Media Query */
  
  #fam-comm .rp-overlay-RtoL, #pregnancy .rp-overlay-RtoL, #baby .rp-overlay-RtoL, #toddler .rp-overlay-RtoL, #preschooler .rp-overlay-RtoL, #gradeschooler .rp-overlay-RtoL {
    background-image:none;
    text-align: center;
  }
 

}/* End Media Query */

@media screen and (min-width: 640px) and (max-width: 999px) {/* Start Media Query */

 #fam-comm .rp-overlay-RtoL, #toddler .rp-overlay-RtoL, #preschooler .rp-overlay-RtoL, #pregnancy .rp-overlay-RtoL, #baby .rp-overlay-RtoL, #gradeschooler .rp-overlay-RtoL{
    background-position:left top;
    }

}/* End Media Query */

@media screen and (min-width: 500px) and (max-width: 639px) {/* Start Media Query */

  #fam-comm .rp-overlay-RtoL, #toddler .rp-overlay-RtoL, #preschooler .rp-overlay-RtoL, #pregnancy .rp-overlay-RtoL, #baby .rp-overlay-RtoL, #gradeschooler .rp-overlay-RtoL{
    background-position:-70px top;
    }
.resource_links-RtoL, .resource_links-LtoR {

 text-align: center;
}
}/* End Media Query */


@media screen and (min-width: 500px) {/* Start Media Query */

.resource_links-RtoL, .resource_links-LtoR {

 text-align: center;
}
}/* End Media Query */


@media screen and (min-width: 300px) and (max-width: 999px) {/* Start Media Query */

	.resource_pod {
  position: relative;
  max-width: 100%;
}

 .resource_pod, #fam-comm .rp-base, #pregnancy .rp-base, #baby .rp-base, #toddler .rp-base, #preschooler .rp-base, #gradeschooler .rp-base {
    max-width:100%;
  }

  .rp-base{
    max-width:100%;
  }

   #fam-comm, #pregnancy, #baby, #toddler, #preschooler, #gradeschooler {
  padding-left: 0px;
  padding-right: 0px;
  margin-top:0px;
  margin-bottom:20px;
}
 #tiles, #tiles2, #tiles3 {
    margin-bottom:0px;
  }
  

}/* End Media Query */

@media screen and (min-width: 481px) and (max-width: 1000px){/* Start Media Query */
#fam-comm .rp-base h2{
    max-width: 50%;
    display:inline-block;
    
  }

}/* End Media Query */

@media screen and (min-width: 360px) and (max-width: 480px) {/* Start Media Query */
#fam-comm .rp-base h2{
	max-width: 65%;
	display: inline-block;
	margin-top: 35%;
	margin-left: 0%;
  }

#pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    max-width: 100%;
    display:inline-block;
    margin-top:40%;
    margin-left:0%;
  }


#baby .rp-base {
	background-size: auto, 6%;
	background-position: center 20%, top left;
	text-align: center;
	background-image: url(/images/rp_baby-rattle-130.png), url(/images/baby-pod-pattern.png), -webkit-linear-gradient(221deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
	background-image: url(/images/rp_baby-rattle-130.png), url(/images/baby-pod-pattern.png), -moz-linear-gradient(221deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
	background-image: url(/images/rp_baby-rattle-130.png), url(/images/baby-pod-pattern.png), -o-linear-gradient(221deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
	background-image: url(/images/rp_baby-rattle-130.png), url(/images/baby-pod-pattern.png), linear-gradient(229deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
  }
  
#toddler .rp-base {
background-size: auto, 7%;
background-position: center 20%, 0px 0px;
text-align: center;
background-image: url(/images/rp_toddler-star-yellow-130.png), url(/images/toddler-pod-pattern.png), -webkit-linear-gradient(210deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
	background-image: url(/images/rp_toddler-star-yellow-130.png), url(/images/toddler-pod-pattern.png), -moz-linear-gradient(210deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
	background-image: url(/images/rp_toddler-star-yellow-130.png), url(/images/toddler-pod-pattern.png), -o-linear-gradient(210deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
	background-image: url(/images/rp_toddler-star-yellow-130.png), url(/images/toddler-pod-pattern.png), linear-gradient(240deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
  }
  
#preschooler .rp-base {
	background-size: auto, 13%;
	background-position: center 20%, 0px 0px;
	text-align: center;
	background-image: url(/images/rp_preschooler-school-130.png), url(/images/preschooler-pod-pattern.png), -webkit-linear-gradient(216deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
	background-image: url(/images/rp_preschooler-school-130.png), url(/images/preschooler-pod-pattern.png), -moz-linear-gradient(216deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
	background-image: url(/images/rp_preschooler-school-130.png), url(/images/preschooler-pod-pattern.png), -o-linear-gradient(216deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
	background-image: url(/images/rp_preschooler-school-130.png), url(/images/preschooler-pod-pattern.png), linear-gradient(234deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
  }
  
#gradeschooler .rp-base {
	background-size: auto, 18%;
	background-position: center 20%, 0px 0px;
	text-align: center;
	background-image: url(/images/rp_k3grade-pencil-130.png), url(/images/k3grader-pod-pattern.png), -moz-linear-gradient(317deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%); /* FF3.6-15 */
	background-image: url(/images/rp_k3grade-pencil-130.png), url(/images/k3grader-pod-pattern.png), -webkit-linear-gradient(317deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: url(/images/rp_k3grade-pencil-130.png), url(/images/k3grader-pod-pattern.png), -o-linear-gradient(317deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%);
	background-image: url(/images/rp_k3grade-pencil-130.png), url(/images/k3grader-pod-pattern.png), linear-gradient(133deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%);
  }
  
#pregnancy .rp-base {
	background-size: auto, 9%;
	background-position: center 20%, 0px 0px;
	text-align: center;
	background-image: url(/images/rp_pregnancy-heart-130.png), url(/images/pregnancy-pod-pattern.png), -moz-linear-gradient(230deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%); /* FF3.6-15 */
	background-image: url(/images/rp_pregnancy-heart-130.png), url(/images/pregnancy-pod-pattern.png), -webkit-linear-gradient(230deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: url(/images/rp_pregnancy-heart-130.png), url(/images/pregnancy-pod-pattern.png), -o-linear-gradient(230deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%);
	background-image: url(/images/rp_pregnancy-heart-130.png), url(/images/pregnancy-pod-pattern.png), linear-gradient(220deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%);
  }
 #fam-comm .rp-base {
	background-size: auto, 14%;
	background-position: center 10%, 0px 0px;
	text-align: center;
	background-image: url(/images/rp_fam-comm-ohio-130.png), url(/images/fam-comm-pod-pattern.png), -moz-linear-gradient(209deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%); /* FF3.6-15 */
	background-image: url(/images/rp_fam-comm-ohio-130.png), url(/images/fam-comm-pod-pattern.png), -webkit-linear-gradient(209deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: url(/images/rp_fam-comm-ohio-130.png), url(/images/fam-comm-pod-pattern.png), -o-linear-gradient(209deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%);
	background-image: url(/images/rp_fam-comm-ohio-130.png), url(/images/fam-comm-pod-pattern.png), linear-gradient(241deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%);
  }
  
  
}/* End Media Query */


/* Use this media query for triggering the increase width of the resource pods beyond 560px */
@media screen and (min-width: 300px) and (max-width: 359px) {/* Start Media Query */
  #fam-comm .rp-base h2{
    max-width: 80%;
    display:inline-block;
    margin-top:48%;
    margin-left:0%;
  }

  #pregnancy .rp-base h2, #baby .rp-base h2, #toddler .rp-base h2, #preschooler .rp-base h2, #gradeschooler .rp-base h2{
    max-width: 100%;
    display:inline-block;
    margin-top:52%;
    margin-left:0%;
  }

#baby .rp-base {
	background-size: auto, 6%;
	background-position: center 20%, top left;
	text-align: center;
	background-image: url(/images/rp_baby-rattle-115.png), url(/images/baby-pod-pattern.png), -webkit-linear-gradient(221deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
	background-image: url(/images/rp_baby-rattle-115.png), url(/images/baby-pod-pattern.png), -moz-linear-gradient(221deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
	background-image: url(/images/rp_baby-rattle-115.png), url(/images/baby-pod-pattern.png), -o-linear-gradient(221deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
	background-image: url(/images/rp_baby-rattle-115.png), url(/images/baby-pod-pattern.png), linear-gradient(229deg,rgba(207,32,45,1.00) 0%,rgba(162,27,33,1.00) 58.27%,rgba(121,19,25,1.00) 100%);
  }
  
#toddler .rp-base {
	background-size: auto, 9%;
	background-position: center 20%, 0px 0px;
	background-image: url(/images/rp_toddler-star-yellow-115.png), url(/images/toddler-pod-pattern.png), -webkit-linear-gradient(210deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
	background-image: url(/images/rp_toddler-star-yellow-115.png), url(/images/toddler-pod-pattern.png), -moz-linear-gradient(210deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
	background-image: url(/images/rp_toddler-star-yellow-115.png), url(/images/toddler-pod-pattern.png), -o-linear-gradient(210deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
	background-image: url(/images/rp_toddler-star-yellow-115.png), url(/images/toddler-pod-pattern.png), linear-gradient(240deg,rgba(255,247,238,1.00) 0%,rgba(255,214,154,1.00) 74.25%,rgba(255,208,109,1.00) 100%);
  }
  
#preschooler .rp-base {
	background-size: auto, 13%;
	background-position: center 20%, 0px 0px;
	background-image: url(/images/rp_preschooler-school-115.png), url(/images/preschooler-pod-pattern.png), -webkit-linear-gradient(216deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
	background-image: url(/images/rp_preschooler-school-115.png), url(/images/preschooler-pod-pattern.png), -moz-linear-gradient(216deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
	background-image: url(/images/rp_preschooler-school-115.png), url(/images/preschooler-pod-pattern.png), -o-linear-gradient(216deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
	background-image: url(/images/rp_preschooler-school-115.png), url(/images/preschooler-pod-pattern.png), linear-gradient(234deg,rgba(68,108,169,1.00) 0%,rgba(42,71,111,1.00) 70.34%,rgba(28,49,76,1.00) 100%);
  }
  
#gradeschooler .rp-base {
	background-size: auto, 18%;
	background-position: center 20%, 0px 0px;
	background-image: url(/images/rp_k3grade-pencil-115.png), url(/images/k3grader-pod-pattern.png), -moz-linear-gradient(317deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%); /* FF3.6-15 */
	background-image: url(/images/rp_k3grade-pencil-115.png), url(/images/k3grader-pod-pattern.png), -webkit-linear-gradient(317deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: url(/images/rp_k3grade-pencil-115.png), url(/images/k3grader-pod-pattern.png), -o-linear-gradient(317deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%);
	background-image: url(/images/rp_k3grade-pencil-115.png), url(/images/k3grader-pod-pattern.png), linear-gradient(133deg,rgba(153,125,183,1.00) 0%,rgba(177,158,201,1.00) 26.94%,rgba(194,181,212,1.00) 66.84%,rgba(222,215,231,1.00) 100%);
  }
  
#pregnancy .rp-base {
	background-size: auto, 9%;
	background-position: center 20%, 0px 0px;
	background-image: url(/images/rp_pregnancy-heart-115.png), url(/images/pregnancy-pod-pattern.png), -moz-linear-gradient(230deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%); /* FF3.6-15 */
	background-image: url(/images/rp_pregnancy-heart-115.png), url(/images/pregnancy-pod-pattern.png), -webkit-linear-gradient(230deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: url(/images/rp_pregnancy-heart-115.png), url(/images/pregnancy-pod-pattern.png), -o-linear-gradient(230deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%);
	background-image: url(/images/rp_pregnancy-heart-115.png), url(/images/pregnancy-pod-pattern.png), linear-gradient(220deg,rgba(248,199,153,1.00) 0%,rgba(245,172,99,1.00) 34.71%,rgba(241,140,41,1.00) 77.72%,rgba(224,118,13,1.00) 100%);
  }
  
 #fam-comm .rp-base {
	background-size: auto, 17%;
	background-position: center 20%, 0px 0px;
	background-image: url(/images/rp_fam-comm-ohio-115.png), url(/images/fam-comm-pod-pattern.png), -moz-linear-gradient(209deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%); /* FF3.6-15 */
	background-image: url(/images/rp_fam-comm-ohio-115.png), url(/images/fam-comm-pod-pattern.png), -webkit-linear-gradient(209deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: url(/images/rp_fam-comm-ohio-115.png), url(/images/fam-comm-pod-pattern.png), -o-linear-gradient(209deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%);
	background-image: url(/images/rp_fam-comm-ohio-115.png), url(/images/fam-comm-pod-pattern.png), linear-gradient(241deg,rgba(18,101,48,1.00) 0%,rgba(24,129,62,1.00) 35.86%,rgba(30,169,76,1.00) 100%);
  }



}/* End Media Query */

@media screen and (min-width: 300px) and (max-width: 499px) {/* Start Media Query */

  .resource_links-RtoL, .resource_links-LtoR {
 margin: 1.5em auto 0 auto;
 text-align: center;
}


}/* End Media Query */
