/*
font-family:'Trade Gothic Next LT W01 Cond';
*/


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; /*! background: #AED2F0; */background: #7aa8cc;background: -moz-linear-gradient(left, #7aa8cc 0%, #437ab0 100%);background: -webkit-linear-gradient(left, #7aa8cc 0%,#437ab0 100%);background: linear-gradient(to right, #7aa8cc 0%,#437ab0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aa8cc', endColorstr='#437ab0',GradientType=1 );}


#wimpykidwebpresents {width:100%; max-width: 2324px; margin: 0 auto; background: url(../images/pool-bg_mobile.jpg) center top repeat-y; background-size:cover; padding: 0 0 0 0; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; color: #fff; font-family: Arial, Helvetica, sans-serif;  padding: 0;}


#wimpykidwebpresents sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.wimpykidweb_section {width:100%; position:relative; z-index:1;}
.wimpykidweb_content {max-width:1000px; position:relative; z-index:1; margin:0 auto;}

/* Hero */

#wimpykidwebhero {}
#wimpykidwebhero .wimpykidweb_content {padding: 17px 0 0 0;}

#wimpykidwebhero h1 {text-indent: -9999px; margin: 0 auto; width: 98%; height: auto; max-width: 350px; min-height: 146px; background: url(../images/header.png) center bottom no-repeat; background-size:contain;}


/* Info */

#wimpykidwebinfo {}
#wimpykidwebinfo .wimpykidweb_content {padding: 7px 0 15px 0;}
#wimpykidwebinfo .wimpykidweb_content #kinney_kid {margin: 0 11px 0 0; display: inline-block; width: 109px;vertical-align: top;}
#wimpykidwebinfo .wimpykidweb_content h2 {font-family: "BrandonText-Bold", sans-serif; font-weight:400; font-size: 18px;  text-align: left; color: #373491;padding: 32px 0 0 0;margin: 0 auto 8px;line-height: 23px;}
#wimpykidwebinfo .wimpykidweb_content h3 {font-family: 'GhostKidAOE', sans-serif;  font-weight:400; font-size: 22px;  text-align: center; color: #fff;padding: 0;margin: 35px auto 18px;line-height: 27px; width: 90%; text-transform: uppercase;}

#wimpykidwebinfo .wimpykidweb_content p {font-family: "BrandonText-Medium", sans-serif; font-weight:400; font-size: 24px;  text-align: center; color: #373491; display: block; width: 90%; max-width: 530px; margin: 5px auto 32px;}
#wimpykidwebinfo .wimpykidweb_content p:last-of-type {font-family: Arial,Helvetica,sans-serif;  font-weight:500; font-size: 10px;  text-align: center; color: #fff; margin: 13px auto 28px;}

#wimpykidwebinfo .wimpykidweb_content #info_holder {width: 314px; margin: 8px auto 20px;vertical-align: top;}
#wimpykidwebinfo .wimpykidweb_content #info_holder #hosted_by {width: 190px; margin: 0 auto;display: inline-block;text-align: left;}

#wimpykidwebinfo .wimpykidweb_content #jeff_kinney {margin: 0 auto 9px; display: block; width: 192px; display: inline-block;}

#wimpykidwebinfo .wimpykidweb_content #youtube_fpo {margin: 0 auto; width: 100%; max-width: 820px; display: block;}



#wimpykidwebinfo .wimpykidweb_content #social_holder {width: 184px; height: 25px; margin: 0 auto 19px;}
#wimpykidwebinfo .wimpykidweb_content #social_holder .copylink {text-indent: -9999px;margin: -16px 0 0 0;}
#wimpykidwebinfo .wimpykidweb_content #social_holder .social_link {width: 25px; height: 25px; border-radius: 50%; background: #000; display: inline-block; margin-right: 24px;}
#wimpykidwebinfo .wimpykidweb_content #social_holder .social_link:hover {background: #ee2d36;}

#wimpykidwebinfo .wimpykidweb_content #social_holder #copy_icon {margin-right: 0px;}


.video-holder {
width: 100%;
max-width: 820px;
margin: 0 auto;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media only screen and (min-width: 350px) {
#wimpykidwebinfo .wimpykidweb_content #activities_holder .activities {font-size: 24px;}


}

@media only screen and (min-width: 480px) {
#wimpykidwebpresents {padding: 0;}
#wimpykidwebpresents {background: url(../images/pool-bg_mobile.jpg) center top no-repeat; background-size:cover;}



}

@media only screen and (min-width: 600px) {
#wimpykidwebpresents {background: url(../images/pool-bg.jpg) center top repeat-y; background-size:2324px 1394px; padding: 0 0 0 0;}

#wimpykidwebhero h2 {font-size: 36px;line-height: 47px;}
#wimpykidwebhero h2 strong {font-size: 45px;}
}


@media only screen and (min-width: 720px) {
#wimpykidwebinfo .wimpykidweb_content {padding: 0 0 93px 0;}
#wimpykidwebinfo .wimpykidweb_content #info_holder {margin: 2px auto 0;vertical-align: top;}  
#wimpykidwebinfo .wimpykidweb_content #kinney_kid {margin: -11px 10px 0 0; display: inline-block;vertical-align: top;height: 91px;width: auto;}
#wimpykidwebinfo .wimpykidweb_content #jeff_kinney {margin: 0 auto 4px; display: block;width: 240px;}
#wimpykidwebinfo .wimpykidweb_content h2 {font-size: 22px;  text-align: left; color: #373491;padding: 0px 0 0 0;margin: 0 auto;line-height: 23px;}

#wimpykidwebhero h1 {text-indent: -9999px; margin: 13px auto 0; width: 98%; height: auto; max-width: 648px; min-height: 248px; background: url(../images/header.png) center bottom no-repeat; background-size:contain;}

#wimpykidwebinfo .wimpykidweb_content #activities_holder {/*! width: 90%; */ max-width: 569px; margin: 19px auto 31px; text-align: left;}
#wimpykidwebinfo .wimpykidweb_content #activities_holder #activities_left {display: inline-block; vertical-align: top; width: 304px;/*! float: left; */}
#wimpykidwebinfo .wimpykidweb_content #activities_holder #activities_right {display: inline-block; vertical-align: top; width: 241px;/*! float: left; */margin: 0 0 0 20px;}

#wimpykidwebinfo .wimpykidweb_content h6 {font-size: 30px;margin: 0 auto 12px;}

  
/* Hero */
#wimpykidwebhero .wimpykidweb_content {padding: 1px 0 0 0;}
#wimpykidwebinfo .wimpykidweb_content h3 {width: 90%; max-width: 525px; font-size: 30px; line-height: 36px; margin: 19px auto 8px;}


}

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


}

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

#wimpykidwebinfo .wimpykidweb_content #social_holder {/*! width: 172px; */ height: 25px; margin: 0 auto 26px;}

}

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


  
}

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


}	

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

}