@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; }*/

.tip .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; }
.tip .sub_title p { margin-top: 1.5rem; font-size:11px;  }
.tip .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; }
.tip .details { width: 70%; margin: 0 auto; }
.tip .image_frame .image { width:100%; height:25rem;}

.tip .image { width: 24rem; height: 24rem; background-size: 100% auto !important; }
.tip.one .image { background: url(/images/2014/parents/tips/tip01.png) no-repeat; }
.tip.two .image { background: url(/images/2014/parents/tips/tip02.png) no-repeat; }
.tip.three .image { background: url(/images/2014/parents/tips/tip03.png) no-repeat; }
.tip.four .image { background: url(/images/2014/parents/tips/tip04.png) no-repeat; }
.tip.five .image { background: url(/images/2014/parents/tips/tip05.png) no-repeat; }
.tip .details .copy p{ font-size:10px; }

@media only screen and (max-width: 480px) {
	.page_title p { margin-top: 1rem; }
	.tip .sub_title { width: 60%; height: 9rem; }
	.tip .sub_title p { margin-top: 2.5rem; }
}

@media only screen and (min-width: 480px) {
	.tip { text-align: center; }
	.tip .sub_title.mobile { display: none; }
	.tip .sub_title.desktop { display: block; }
	.tip .sub_title { margin: 0; width: 45rem; height: 8rem;  }
	.tip .sub_title p { text-align: left; margin: 1.5rem 0 0 2rem; font-size:3rem }
	.tip .image_holder { display: inline-block; width: 25%;  }
	.tip .details { display: inline-block; width: 60%; vertical-align: top; margin-left: 2%; }
	.tip .details .copy { text-align: left; }
	.tip .details .copy p { margin-left: 1rem; font-size:2rem; }
	.page_desc  { font-size:3rem }
	.tip .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: 1024px){
	.tip .sub_title { width:36rem; height:6rem; }
}
@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; }
	.tip .details .copy p { margin-left: 1rem; font-size:1.3rem; }
	.page_desc  { font-size:1.5rem; font-weight: bold; }
	.tip .sub_title { width: 45rem; height: 8rem;  }
	.tip .image_frame { width: 24rem; height: 24rem;  }
	.tip .sub_title p {padding-top: 0.5rem; font-size:1.5rem; margin-top: 2rem;}
	/*.divider .right_ladybug, .divider .left_ladybug { top:-2rem; }*/
}