@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Work+Sans');
@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch:700');
/* CSS Document 
font-family: 'Roboto Slab', serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Work Sans', sans-serif;
font-family: 'Cabin Sketch', cursive;
*/


body {width:100%; height:auto; margin:0 auto; padding:0;font-family: 'Roboto Slab', serif;
background:url(../images/bg.jpg) center center no-repeat ; background-size:cover;
/*overflow:hidden;*/}


img {border:thin none #0066FF;max-width:100%;}

p, h1, h2, h3, h4, h5, h6, ul, li {
margin:0px;
padding:0px;
list-style-type:none;
}

a {text-decoration:none}

.magic {clear:both; padding:0px; margin:0px;  height:0px; width:0px;}
.page {width:1200px; height:auto; margin:0 auto;  }


.potatobg {background:url(../images/bg_pot.png) center bottom no-repeat ; background-size:contain; }

.potatobg .page {}

.logo {padding:30px 0 0 0; float:left;}
.logo img {}

.shrTol {float:right; padding:15px 35px 0 0;}
.shrTol img {}

.bagBx {float:right; clear:right; padding:0px 0 0 0; width:600px; position:relative; 
		background:url(../images/costcosweetpotatobag.png) no-repeat center center; background-size:contain;}
.bagBx img {}

.titlTxt { width:100%; padding:0px 0;
		/*background:url(../images/bg_black.png) repeat left top rgba(0,0,0,0);*/}
.titlTxt h1 {font-size:14px; text-align:left; font-weight:normal; color:#fff;}

.soonTxt {padding:35px 0 0 0; color:#fff; font-family: 'Cabin Sketch', cursive; font-size:40px;
		float:left; clear:left;}

.txtBx {float:left; clear:left; width:50%; padding:5px 0 25px 0;}
.txtBx p {color:#feb03d; font-size:14px;font-family: 'Roboto Slab', serif;    line-height: 20px;    padding: 0 0 12px 0;}
.txtBx p b {color:#fff;font-family:'Cabin Sketch', cursive; font-weight:normal; 
		    padding: 25px 0 15px 0;    display: inline-block; font-size:40px;}

.cntBx {float:left; clear:left; color:#fff; padding:10px 20px;
		background:url(../images/bg_black.png) repeat left top rgba(0,0,0,0);}
.cntBx h1 {font-family: 'Roboto Condensed', sans-serif; font-size:24px; font-weight:normal; }
.cntBx h2 {font-family: 'Work Sans', sans-serif; font-size:20px;font-weight:normal;}
.cntBx h3 {font-family: 'Work Sans', sans-serif; font-size:20px; padding:8px 0 0 0;}
.cntBx h3 a {color:#fff;}
.cntBx h3 a:hover {color: #feb03d;}
.cntBx h3 i {font-weight:normal;}

.shA, .shB { display: inline-block; vertical-align: top;}

.neWeb {color:#fff; padding:0 0 20px 0; 
font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;}
.neWeb2 {color:#fff; padding:0 0 15px 0; 
font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;}
	 
.cpTxt {
    float: left;
    font-size: 11px;
    color: #fff;
    clear: left;
    margin: 10px 0 0 0;
    font-family: 'Work Sans', sans-serif;
    text-shadow: 1px 1px 3px #000;
}
.cpTxt a {
    color: #fff;
}
.cpTxt a:hover {color: #2dd0fa;}



@media screen and (max-width:1030px) {/* 980 px */
	.page {max-width:1000px;} 
	.bagBx {background-size:contain;}
	.soonTxt {padding:10px 0 0 0;}
	.bagBx {width:50%;}
}


@media screen and (max-width:979px) { /* 800 px */
	.page {width:95%; margin:0 auto;}
* {    box-sizing: border-box;}
body {overflow:auto; height:auto !important; text-align:center;}
.potatobg {height:auto !important; width:100%; padding:0 0 20px 0; }
.logo {padding:14px;}
.shrTol {padding:14px;}
.bagBx {width:100%; float:none; clear:both; padding:40px 0;}
.soonTxt {width:100%; float:none;}
.txtBx {width:100%; float:none;}
.cntBx {width:60%; float:none; margin: 0 auto;     }
.cpTxt, .titlTxt h1 {text-align:center;}

}


@media screen and (max-width:799px) { /* 768 px */
	
	
	
}

@media screen and (max-width:767px) { /* 640 px */
	
.potatobg {    background: url(../images/bg_pot_b.png) center bottom no-repeat;    background-size: contain;}	
.txtBx {   background: rgba(0, 0, 0, 0.62);    padding: 15px;    margin: 10px 0 20px 0;}
	.txtBx p b {line-height:40px;}
}

@media screen and (max-width:639px) { /* 480 px */
.cntBx {width:100%;}	
.potatobg {background: url(../images/bg_pot_b.png) center top repeat; background-size: contain;}
.shrTol, .logo {width:100%;}
.txtBx p {    font-size: 12px;    line-height: 18px;}
.cntBx h1 {font-size: 16px;}
.cntBx h2 {font-size: 14px;}
.cntBx h3 {font-size:20px; }
	.shrTol {    padding: 0;}
}

@media screen and (max-width:479px) { /* 360 px */
.bagBx {height:420px !important; padding:0px 0 0px 0;}	
.soonTxt {padding:0;}
.soonTxt {font-size:36px;}
}


@media screen and (max-width:359px) { /* 320 px */
	


}