@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'hvd_comic_serif_proregular';

    src: url('../fonts/hvd_comic_serif_pro_1-webfont.eot');

    src: url('../fonts/hvd_comic_serif_pro_1-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/hvd_comic_serif_pro_1-webfont.woff') format('woff'),

         url('../fonts/hvd_comic_serif_pro_1-webfont.ttf') format('truetype'),

         url('../fonts/hvd_comic_serif_pro_1-webfont.svg#hvd_comic_serif_proregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_rgregular';

    src: url('../fonts/proximanova-regular-webfont.eot');

    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/proximanova-regular-webfont.woff') format('woff'),

         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),

         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_ltbold';

    src: url('../fonts/proximanova-semibold-webfont.eot');

    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),

         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),

         url('../fonts/proximanova-semibold-webfont.svg#proxima_nova_ltbold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'nillandregular';

    src: url('../fonts/nilland-webfont.eot');

    src: url('../fonts/nilland-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/nilland-webfont.woff') format('woff'),

         url('../fonts/nilland-webfont.ttf') format('truetype'),

         url('../fonts/nilland-webfont.svg#nillandregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_ltbold_italic';

    src: url('../fonts/proximanova-semibolditalic-webfont.eot');

    src: url('../fonts/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/proximanova-semibolditalic-webfont.woff') format('woff'),

         url('../fonts/proximanova-semibolditalic-webfont.ttf') format('truetype'),

         url('../fonts/proximanova-semibolditalic-webfont.svg#proxima_nova_ltbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;

}



*{ padding:0; margin:0; outline:none; text-decoration:none; list-style:none; }

a img{ border:none }

body{ background:url(../images/top-bg.jpg) repeat-x center top #fff; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#666; }

.mainDiv{ width:980px; margin:0 auto; float:none }

.clear_me{ font-size:0; line-height:0; clear:both; }



.headerPnl{ float:left; width:100%; padding:5px 0 15px; }
.headerPnl div.menuPnl{ display:none }
.headerPnl2{ float:left; width:100%; padding:10px 0 0; position:fixed; left:0; top:0; background:#35c4e2; z-index:999; box-shadow:#666 0 0 10px; border-bottom:3px solid #fff }
.headerPnl2 div.menuPnl{ display:inline }


.headerPnl a.logo img{ float:left; border:none; }
.headerPnl2 a.logo img{ float:left; border:none; width:300px }
.headerPnl a.facebookConnect img{ float:right; border:none; margin:15px 0 0 0; }
.headerPnl2 a.facebookConnect img{ float:right; border:none; margin:0 0 0 0; width:auto; height:80px }


.menuPnl{ float:left; width:100%; height:41px; }

.menuPnl img.menuIcon{ display:none }
.menuPnl ul{ padding:0 0 0 20px; margin:0; text-align:center; float:none; }
.menuPnl ul li{ float:left; list-style:none; border-right:1px solid #d0c9cf; padding-right:13px; text-align:center; margin:0; position:relative; }
.menuPnl ul li:first-child{ float:left; list-style:none; border-right:1px solid #d0c9cf; padding-right:17px; text-align:center;	margin:0; position:relative; }
.menuPnl ul li:last-child{ float:left; list-style:none; border-right:none; padding-right:17px; position:relative; }
.menuPnl ul li a{ text-decoration: none; font:normal 17px/38px 'nillandregular', Arial, Helvetica, sans-serif; font-family: 'nillandregular' !important; color:#fff; display:block; padding: 0 10px 0; background: url(../images/nav-bg-norm.jpg) center top repeat-x; text-shadow: 2px 2px 1px #888; border-right: 3px solid #fff; border-left: 3px solid #fff; border-top: 3px solid #fff; }
.menuPnl ul li a:hover{ background:url(../images/nav-bg-hover.jpg) center top repeat-x; display:block; color:#000; }
.menuPnl ul ul{ display:none; padding:0; margin:0; text-align:center; float:none; }
.menuPnl ul li:hover > ul{ display:block; position:absolute; left:0; top:40px; z-index:9999; width:240px; border:none; padding-top:0; border-bottom:3px solid #fff }
.menuPnl ul ul li{ display:block; float:none; list-style:none; background:#ffffff; padding:0px; border:none; margin:0; text-align:left; position:relative;}
.menuPnl ul ul li:first-child{ display:block; float:none; list-style:none; background:#ffffff; padding:0px; border:none; margin:0; text-align:left; position:relative;}
.menuPnl ul ul li:last-child{ display:block; float:none; list-style:none; background:#ffffff; padding:0px; border:none; margin:0; text-align:left; position:relative;}
.menuPnl ul ul li a{ text-decoration: none; font:normal 17px/28px 'nillandregular', Arial, Helvetica, sans-serif; font-family: 'nillandregular' !important; color:#fff; display:block; padding:5px 10px; background:#20c3d4; text-shadow: 2px 2px 1px #888; border: 2px solid #fff; border-bottom:none  }
.menuPnl ul ul li a:hover{ background:#20c3d4; display:block; color:#333333; }



.bannerPnl{ float:left; width:100%; }



.banner{ width:944px; padding:0; margin:0; text-align:center; border:8px solid #fff; position:relative; height:426px; }

.banner-shadow{	height:5px;	width:952px; padding:0;	margin:0; float:left; height:5px; clear:both; position:relative; z-index:99; padding-bottom:25px; background:url(../images/banner-shadow.png) repeat-x 0 0; }

.banner a{text-decoration:none;cursor:pointer;}



.banner2{ width:944px; padding:0; margin:0; text-align:center; border:8px solid #fff; position:relative; height:auto; line-height:0; }

.banner2 img{ width:100%; height:auto }



.state-certied{position:absolute;right:-32px;top:20px;padding:0;margin:0;background:url(../images/state-certified.png) right top no-repeat;width:276px;height:90px}

.state-certied:hover{position:absolute;right:-32px;top:20px;padding:0;margin:0;background:url(../images/state-certified-hover.png) right top no-repeat;width:276px;height:90px}

.state-certied h1{font:bold 28px/32px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 3px 2px #20a8c7;text-transform:uppercase;text-align:right;padding:20px 27px 3px 0;margin:0}

.state-certied h2{font:bold 18px/20px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 2px 2px #20a8c7;text-transform:uppercase;text-align:right;padding-right:25px;margin:0}

.fun-learning{position:absolute;right:-32px;top:110px;padding:0;margin:0;background:url(../images/fun-learning.png) right top no-repeat;width:276px;height:90px}

.fun-learning:hover{position:absolute;right:-32px;top:110px;padding:0;margin:0;background:url(../images/fun-learning-hover.png) right top no-repeat;width:276px;height:90px}

.fun-learning h1{font:bold 28px/32px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 3px 2px #85ab1f;text-transform:uppercase;text-align:right;padding:20px 60px 3px 0;margin:0}

.fun-learning h2{font:bold 18px/20px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 2px 2px #85ab1f;text-transform:uppercase;text-align:right;padding-right:25px;margin:0}

.caring-teachers{position:absolute;right:-32px;top:200px;padding:0;margin:0;background:url(../images/caring-teachers.png) right top no-repeat;width:276px;height:90px}

.caring-teachers:hover{position:absolute;right:-32px;top:200px;padding:0;margin:0;background:url(../images/caring-teachers-hover.png) right top no-repeat;width:276px;height:90px}

.caring-teachers h1{font:bold 28px/32px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 3px 2px #d3377b;text-transform:uppercase;text-align:right;padding:20px 25px 3px 0;margin:0}

.caring-teachers h2{font:bold 18px/20px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 2px 2px #d3377b;text-transform:uppercase;text-align:right;padding-right:25px;margin:0;letter-spacing:.1em}

.od-policy{position:absolute;right:-32px;top:290px;padding:0;margin:0;background:url(../images/open-door-policy.png) right top no-repeat;width:276px;height:90px}

.od-policy:hover{position:absolute;right:-32px;top:290px;padding:0;margin:0;background:url(../images/open-door-policy-hover.png) right top no-repeat;width:276px;height:90px}

.od-policy h1{font:bold 28px/32px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 3px 2px #e16321;text-transform:uppercase;text-align:right;padding:0 25px 0 0;margin:0}

.od-policy h2{font:bold 18px/20px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-shadow:2px 2px 2px #e16321;text-transform:uppercase;text-align:right;margin:0;letter-spacing:.08em;padding:10px 25px 3px 0}



.middilePnl{ float:left; width:100%; }

.bodyContent{ float:left; width:100%; }

.bodyContent a{color:#D96902}

.bodyContent h1{font:normal 35px/32px hvd_comic_serif_proregular,Arial,Helvetica,sans-serif;color:#0cbfe2;padding-bottom:10px}

.bodyContent h2{font:normal 20px/24px 'proxima_nova_ltbold';color:#6b6a6a; padding:10px 0}

.bodyContent h3{font:normal 17px/24px 'proxima_nova_ltbold';color:#7fb8c3; padding:10px 0}

.bodyContent p{font:normal 17px/25px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#6b6a6a;padding-bottom:7px; text-align:justify}

.bodyContent ul{ padding:0 0 10px; }

.bodyContent ul li{ font:normal 17px/25px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#6b6a6a;padding:5px 0 5px 15px; display:block; background:url(../images/bullet.png) no-repeat left 13px;}



.leftPnl{ float:left; width:600px; }



.latestNews{ float:right; width:340px; height:327px; background:url(../images/letest-news-bg.png) no-repeat center center; box-sizing:border-box; padding:15px 30px; }

.latestNews h4{font:normal 30px/32px hvd_comic_serif_proregular,Arial,Helvetica,sans-serif;color:#eb539e;padding:15px 0;margin:0;}

.date-container{width:266px;padding:0;margin:0}

.date{padding:0;margin:0 10px 0 0;text-align:center;background:url(../images/date-bg.jpg) 0 0 no-repeat;width:78px;height:75px;float:left}

.date span.dd{font:bold 40px/31px proxima_nova_rgregular,Arial,Helvetica,sans-serif!important;color:#fff;padding:0;margin:13px 0 0; display:block;}

.date span.mm{font:bold 18px/20px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#fff;text-transform:uppercase;padding:0;margin:0; display:block;}

.latest-post{width:178px;padding:0;margin:0;float:right}

.latest-post h5{font:normal 18px/18px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#02a8c8;padding:0 0 5px;margin:0}

.latest-post h5 a{font:normal 18px/18px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#02a8c8;text-decoration:none}

.latest-post h5 a:hover{font:normal 18px/18px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#eb539e;text-decoration:none;cursor:pointer}

.latest-post p{font:normal 13px/18px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#464646;padding:0;margin:0}



.contactPnl{ float:left; width:100%; padding:30px 0 0; }

.contactPnlInr{ float:left; width:100%; background:url(../images/contactPnlBg.png) repeat-x 0 0 #6a499a; min-height:132px; border:5px solid #fff; box-shadow:#b6b6b6 0 0 4px;  box-sizing:border-box; position:relative; }

.contactPnlInr img{ position:absolute; left:0px; bottom:0; width:auto; }

.contactPnlInr p{ font:18px/26px "proxima_nova_rgregular",Arial,Helvetica,sans-serif; padding:20px; margin:0; text-align:right; color:#fff;  }

.contactPnlInr p a{ color:#fedb01; text-decoration:none }



.footerPnl{ float:left; width:100%; background:url(../images/footer-bg.jpg) repeat-x center -20px #95b724; padding:180px 0 0; }



.email-subs{padding:0;margin:0; float:left; width:100%;}

.email-subs h3{padding:0;margin:0;font:bold 18px/30px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#63742f;text-transform:uppercase;text-align:left}

.field{background:#fff;font:normal 11px/30px Arial,Helvetica,sans-serif;color:#9a9b9b;padding:0 7px 0 3px;width:251px;border:0;height:30px;text-transform:uppercase!important}

.subscribe{background:url(../images/subscribe.png) left top no-repeat!important;height:32px!important;text-indent:-2000px;text-decoration:none;font-size:0;line-height:0;width:117px;border:none;display:block}

.subscribe:hover{background:url(../images/subscribe.png) left bottom no-repeat!important;height:32px!important;text-indent:-2000px;text-decoration:none;font-size:0;line-height:0;width:117px;border:none;cursor:pointer}



.footerBtm{ float:left; width:100%; padding:80px 0 30px 0; }

.footerBtm ul{ float:left; }

.footerBtm ul li{ float:left; margin:0; padding:0 14px 0 0; }

.footerBtm ul li a{ font:normal 13px/18px Arial, Helvetica, sans-serif; color:#fff; display:block; text-decoration:none }

.footerBtm ul li a:hover{ color:#495d08; }

.footerBtm p{ float:right; text-align:right; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#d7f087; }

.footerBtm p a{ color:#d7f087; text-decoration:none; }

.footerBtm p a:hover{ color:#fff; text-decoration:none; }



.inrLeft{ float:left; width:640px; }

.inrRight{ float:right; width:300px; }

.inrRight img{ display:block; margin:100px auto 0; border:6px solid #e1f6fb; }



.mapPnl{ float:left; width:100%; height:300px; margin:20px 0; position:relative }

.mapPnl iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }



#inquiryform table{ float:left; width:100%; margin:0 }
#inquiryform table td{ padding:0px; font:normal 12px/22px 'proxima_nova_rgregular'; color:#000; display:block }
#inquiryform table td strong{ font:normal 14px/22px 'proxima_nova_rgregular'; color:#000 }
#inquiryform table td input[type="text"]{ border:1px solid #ccc; background:#fff; padding:5px; width:100%; height:30px; box-sizing:border-box; margin:0 0 10px; font:normal 14px/30px 'proxima_nova_rgregular'; color:#666 }
#inquiryform table td select{ border:1px solid #ccc; background:#fff; padding:5px; width:100%; height:30px; box-sizing:border-box; margin:0 0 10px; font:normal 14px/30px 'proxima_nova_rgregular'; color:#666 }
#inquiryform table td textarea{ border:1px solid #ccc; background:#fff; padding:5px; width:100%; height:80px; box-sizing:border-box; margin:0 0 10px; font:normal 14px/30px 'proxima_nova_rgregular'; color:#666 }
#inquiryform table td button[type="submit"]{ background:#6b6a6a; color:#fff; width: 100%; padding:15px; font:normal 17px 'proxima_nova_rgregular'; cursor:pointer; border:none; }
#inquiryform table td button[type="submit"]:hover{ background:#0cbfe2 }
#inquiryform table td input[type="text"]:focus, #inquiryform table td select:focus, #inquiryform table td textarea:focus{ border:1px solid #0cbfe2 }

a img.menuIcon{ display:none }
nav#menu{ visibility:hidden }



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

:focus{ outline: 0; }
img, a, input, textarea, select{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; /* For some Androids */ }
a img{ border:none; }
input, textarea, select{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:none }

.headerPnl2{ float:left; width:100%; padding:10px 0 0; position:static; left:inherit; top:inherit; background:none; z-index:inherit; box-shadow:none; border-bottom:none }

.headerPnl2 div.menuPnl{ display:none }





.mainDiv{ width:100%; margin:0; float:left; padding:0 25px; box-sizing:border-box; }

a img.menuIcon{ display:block; z-index:9999; position:fixed; left:0; top:15px; width:25px; height:25px; margin:0; border-radius:0 3px 3px 0; cursor:pointer; background:#fff; padding:2px 2px 2px 0 }
nav.mm-opened{ visibility:visible !important }

.menuPnl{ float:left; width:95%; height:32px; margin:0 2.5%; position:relative; display:none }

.menuPnl img.menuIcon{ display:block; float:right; margin:0 0 0 0; cursor:pointer; }

.menuPnl ul{ padding:10px; margin:0; text-align:right; float:none; display:none; position:absolute; right:0; top:32px; width:160px; z-index:999; background:#2fa8b3; box-shadow:#fff 0 0 10px; }



.menuPnl ul li{ float:none; list-style:none; border-right:none; padding-right:0; text-align:right; margin:0; position:relative; }

.menuPnl ul li:first-child{ float:none; list-style:none; border-right:none; padding-right:0; text-align:right;	margin:0; position:relative; }

.menuPnl ul li:last-child{ float:none; list-style:none; border-right:none; padding-right:0; position:relative; }

.menuPnl ul li a{ text-decoration: none; font:normal 17px/25px 'nillandregular', Arial, Helvetica, sans-serif; font-family: 'nillandregular' !important; color:#fff; display:block; padding:5px; background:none; text-shadow:none; border-right:none; border-left:none; border-top:none; }

.menuPnl ul li a:hover{ background:#fff; display:block; color:#000; }



.banner{ width:95%; padding:0; margin:0 2.5%; text-align:center; position:relative; height:auto; box-sizing:border-box; float:left; border:none }

.banner img{ float:left; width:100%; height:auto; border:4px solid #fff; box-sizing:border-box; }

.banner-shadow{	display:none }

.banner2{ width:95%; padding:0; margin:0 2.5%; text-align:center; position:relative; height:auto; box-sizing:border-box; float:left; border:none }

.banner2 img{ float:left; width:100%; height:auto; border:4px solid #fff; box-sizing:border-box; }



.state-certied, .fun-learning, .caring-teachers, .od-policy{ position:static; left:inherit; top:inherit; width:50%; float:left;  box-sizing:border-box; }

.state-certied:hover, .fun-learning:hover, .caring-teachers:hover, .od-policy:hover{ position:static; left:inherit; top:inherit; width:50%;  box-sizing:border-box; }



.state-certied{background:url(../images/state-certified-hover.png) right top no-repeat; }

.fun-learning{background:url(../images/fun-learning-hover.png) right top no-repeat;}

.caring-teachers{background:url(../images/caring-teachers-hover.png) right top no-repeat;}

.od-policy{background:url(../images/open-door-policy-hover.png) right top no-repeat;}



.leftPnl{ float:left; width:90%; padding:20px 5% }

.latestNews{ float:none; margin:0 auto; display:block; clear:both; }





.footerPnl{ padding:150px 0 0; }

.footerBtm{ padding:30px 0 }

.email-subs{ margin:0 auto; width:260px; float:none }

.email-subs td{ display:block }

.email-subs td input.field{ margin-bottom:10px }

.footerBtm ul{ width:100%;  text-align:center }

.footerBtm ul li{ display:inline; float:none; padding:0 7px }

.footerBtm ul li a{ display:inline-block }

.footerBtm p{ width:100%; text-align:center; padding:10px 0 0 }

.footerBtm p br{ display:none }



.inrLeft{ float:left; width:90%; padding:20px 2.5% 0; margin:20px 2.5%; background:#fff; }

.inrRight{ float:none; width:300px; display:block; clear:both; margin:0 auto; }

.inrRight img{ margin:0 auto; display:block; max-width:80%; height:auto }

}



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

.headerPnl a.logo img{ float:left; border:none; width:50%; margin:0 0 0 2.5%; }
.headerPnl2 a.logo img{ float:left; border:none; width:50%; margin:0 0 0 2.5%; }
.headerPnl a.facebookConnect img{ float:right; border:none; margin:0 2.5% 0 0; width:30%; height:auto }
.headerPnl2 a.facebookConnect img{ float:right; border:none; margin:0 2.5% 0 0; width:30%; height:auto }
.contactPnl{ float:left; width:95%; padding:30px 2.5% 0; }

.contactPnlInr{ padding-bottom:160px; }

.contactPnlInr p{ text-align:center; }

.contactPnlInr img{ left:50%; margin:0 0 0 -160px; width:320px; height:auto }



.bodyContent h1{font:normal 30px/32px hvd_comic_serif_proregular,Arial,Helvetica,sans-serif;color:#0cbfe2;padding-bottom:10px}

.bodyContent h2{font:normal 18px/22px 'proxima_nova_ltbold';color:#6b6a6a; padding:10px 0}

.bodyContent h3{font:normal 14px/20px 'proxima_nova_ltbold';color:#7fb8c3; padding:10px 0}

.bodyContent p{font:normal 14px/20px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#6b6a6a;padding-bottom:7px}

.bodyContent ul li{ font:normal 14px/20px proxima_nova_rgregular,Arial,Helvetica,sans-serif;color:#6b6a6a;padding:5px 0 5px 15px; display:block; background:url(../images/bullet.png) no-repeat left 11px;}

}











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

.state-certied, .fun-learning, .caring-teachers, .od-policy{ position:static; left:inherit; top:inherit; width:100%; float:left;  box-sizing:border-box; }

.state-certied:hover, .fun-learning:hover, .caring-teachers:hover, .od-policy:hover{ position:static; left:inherit; top:inherit; width:100%;  box-sizing:border-box; }

.headerPnl{ float:left; width:100%; padding:15px 0 0; }



}





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

.headerPnl a.logo img{ float:left; border:none; width:60%; margin:0 0 0 2.5%; }
.headerPnl2 a.logo img{ float:left; border:none; width:60%; margin:0 0 0 2.5%; }
.headerPnl a.facebookConnect img{ float:right; border:none; margin:0 2.5% 0 0; width:25%; height:auto }
.headerPnl2 a.facebookConnect img{ float:right; border:none; margin:0 2.5% 0 0; width:25%; height:auto }
.inrRight{ width:100%; }


.state-certied, .state-certied:hover{background-size:contain }
.fun-learning, .fun-learning:hover{background-size:contain }
.caring-teachers, .caring-teachers:hover{background-size:contain }
.od-policy, .od-policy:hover{background-size:contain }

}



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

.contactPnlInr{ padding-bottom:120px; }

.contactPnlInr img{ left:50%; margin:0 0 0 -40%; width:80%; height:auto }

.footerBtm p br{ display:block }


.latestNews{ float:right; width:100%; box-sizing: border-box; height:auto; background:#ffe962; box-sizing:border-box; padding:15px 30px; margin:0 2.5%; border:2px solid #f57822; }
.date-container{ width:100% }
.latest-post{ width:60%;  }
.latest-post p{ text-align:left }
div.clear{ clear:both; font-size:0; line-height:0 }
.date{ margin:0; }

}



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


}