@charset "utf-8";
/* CSS Document */

body,ol li, ul li, p, a.learn-more {font-size:12.5pt;}

body {font-family: 'Poppins', sans-serif; margin:0!important;
}

img.full {width:100%;}
.clear-both {clear: both;}
.ipad {width:45%;}

#general .div-only,#general .wc-only,#general .crim-only {display:none}

img.pic-by {width:68%; margin: auto; display: table;}
.james {padding: 0% 0 0 0; background-color: #555;}
.drawing-wrap {padding: 2% 0 2% 0;}
.robotbg {background-image: url("../images/draws-sized/robot-bg.png");}
.rainbowbg {background-image: url("../images/draws-sized/rainbowbg.png");}
.starbg {background-image: url("../images/draws-sized/starbg.png");}
.bowlbg {background-image: url("../images/draws-sized/bowl-bg.png");}
.shapebg {background-image: url("../images/draws-sized/shapesbg.png"); background-size: 5%;}
.wizbg {background-image: url("../images/draws-sized/wiz-bg.png");}
.spookbg {background-image: url("../images/draws-sized/spooky-bg.png");}
.moneybg {background-image: url("../images/draws-sized/moneybg.png");}
.koolbg {
    background-image: url(../images/draws-sized/koolbg.png);
    background-repeat: repeat-x;
    background-size: contain;
}

.pic-side {}
.left {margin: 0 0% 0 0; }
.vid-right {margin: 0 0 0 10px;}.vid-left {margin: 0 10px 0 0px;}

.feature {padding: 2% 0 2% 0;}


@media only screen and (max-width: 820px){
	.ipad {width: 60%;}
	img.pic-by {width:88%; 
	}

.vid-right {margin:10px 0 10px 0;}.vid-left {margin:10px 0 10px 0;}

}