@charset "utf-8";

.airbornes { display:none; }
.page_title { background: url(/images/2014/parents/title-bar-m.png) no-repeat; height:90%; color:#024400; background-size: 100% auto; }
.page_desc { font-size:11px }
.divider { width: 94%; }
/*.divider { width: 100%; margin: 3rem auto; position: relative; }
.divider .left_ladybug { width:8%; position: absolute; top: -3rem; left: 0; }
.divider .right_ladybug { width:8%; position: absolute; top: -3rem; right: 0; }
.divider .dashed_line { border-bottom: 1px dashed #59340f; width: 95%; margin: 0 auto; }*/

.page_content { margin-top: 3%; }

.activity .sub_title { background: url(/images/2014/parents/tips/tip-title-holder.png) no-repeat;  width:50%; height:7rem; color: #024400; overflow: hidden; background-size: 100% auto !important;  margin: 0 auto 2rem; }
.activity .sub_title p { margin-top: 2rem; font-size:11px; }
.activity .image_frame { background: url(/images/2014/parents/tips/image-frame.png) no-repeat;  width: 25%; height: 25rem; background-size: 100% auto !important; margin: 0 auto; }
.activity .image_frame .image { width:100%; height:25rem;}
.activity .details { width: 80%; margin: 0 auto; }
.activity .image { width: 24rem; height: 24rem; background-size: 100% auto !important; }
.activity.one .image { background: url(/images/2014/parents/activities/activities-01.png) no-repeat; }
.activity.two .image { background: url(/images/2014/parents/activities/activities-02.png) no-repeat; }
.activity.three .image { background: url(/images/2014/parents/activities/activities-03.png) no-repeat; }
.activity.four .image { background: url(/images/2014/parents/activities/activities-04.png) no-repeat; }
.activity.five .image { background: url(/images/2014/parents/activities/activities-05.png) no-repeat; }
.activity .details .copy p { font-size:10px; }

@media only screen and (max-width: 480px) {
	.page_title p { margin-top: 1.5rem; font-size: 3rem; }
}

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

	.page_content .activity { text-align: center; }
	.activity .sub_title.mobile { display: none; }
	.activity .sub_title.desktop { display: block; }
	.activity .sub_title { margin: 0; width:50%; }
	.activity .sub_title p { text-align: left; margin: 0.5rem 0 0 2rem; font-size:3rem; }
	.activity .image_holder { display: inline-block; width: 25%;  }
	.activity .details { display: inline-block; width: 60%; vertical-align: top; margin-left: 2%; }
	.activity .details .copy { text-align: left; }
	.activity .details .copy p { margin-left: 1rem; font-size:2rem; }
	.activity.two .image_holder, .activity.four .image_holder { float: right; margin-right: 6%; }
	.page_desc  { font-size:2rem }
	.activity .image_frame { width: 24rem; height: 24rem;  }


	/*.divider { margin:2rem auto; }
	.divider .right_ladybug, .divider .left_ladybug { top:-2.2rem; }*/
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1025px) {
	.airbornes.desktop { display: block; }
	.page_title { background:url(/images/2014/parents/title-bar.png); width:794px; height:60px; }
	.page_title p { margin-top: 1.2rem; }
	.activity .sub_title p {padding-top: 0.3rem; font-size:1.5rem; margin-top:1rem; }
	.activity .details .copy p { font-size:1.3rem; }
	.activity .sub_title { height:4.5rem;}


	/*.divider .right_ladybug, .divider .left_ladybug { top:-2rem; }*/
}