/*
Theme Name: Our Future
Author: Danny Moore
Author URI: http://www.mascotbooks.com
Description: This theme is a basic blog based book website.
Version: 1.0
License: ©2020 Danny Moore
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: ourfuture
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/******************** body *******************/

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:#d3cec4;
	border:0px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family:'dante', serif;
	text-align:justify;
	font-weight:300;
	font-size:19px;
	line-height:1.34;
	color:#000000;
}

img{ border:0px; }

hr{
	height:1px;
	border:0px;
	background:rgba(0,0,0,0.1);
	margin:2.2em 0 2.3em 0;
	clear:both;
}

h1, h2, .h1, .h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .subhead{
	font-size:1.3em;
	line-height:1;
	margin:0 0 0 0;
	clear:both;
	width:100%;
	font-family:'rotis', sans-serif;
	font-weight:bold;
	color:#632977;
}

.h1, h1{
	margin:1em 0 .65em 0;
	text-align:left;
	font-size:2.4em;
}

.h5, h5, .h6, h6{
	margin:0 0 1em 0;
	text-align:center;
	line-height:1.2;
	font-size:1.45em;
}

.h6, h6{
	margin:1em 0 .3em 0;
	font-size:1.3em;
	text-align:left;
	line-height:1.25;
}

.h2, h2{ 
	font-size:1.8em; 
	margin:0 0 .05em 0;
}

.h4, h4{ 
	font-size:1.65em;
	margin:0 0 .65em 0;
}

h3, .h3{
	font-size:1.35em;
	margin-bottom:0;
}

h3 a{
	color:#000;
	transition:.4s color;
}

.subhead{
	font-size:2.22em;
	margin:.75em 0 0 0;
	display:inline-block;
}

.sub{
	margin:0 .55em 0 0;
	padding:0 .55em 0 0;
	border-right:2px solid #632977;
	display:inline-block;
}

.sub:last-child{ 
	border-right:0;
	margin-right:0;
	padding-right:0;
}

p{ margin:0 0 1em 0; }
em, i{ font-style:italic; }
strong, b{ font-weight:bold; }

a{
	text-decoration:none;
	color:#632977;
	transition:.4s color;
}

a:hover{
	color:#766658;
}

#outside{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#inside{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

#navMenu, #navMenuSm{
	font-size:.9em;
	width:100%;
	position:relative;
	z-index:1000;
	font-family:'avantgarde', sans-serif;
	text-align:right;
}

#navMenu{
	background:#d3cec4;
	background-image:url("images/sun.svg");
	background-repeat:no-repeat;
	background-size:600px auto;
	background-position:-260px center;
}

#navMenuSm{
	display:none;
	height:auto;
	padding:0 0 0 0;
	float: left;
	background:#632977;
}

#loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#989184;
	background-image:url(images/loader.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-size:5em auto;
	z-index:900;
}

#content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	clear:both;
	float:left;
	position:relative;
	z-index:150;
	background:#fff;
	text-align:center;
	opacity:0;
	background-position:center top;
	background-size:cover;
}

/******************** insides ********************/

#navMenuinside{
	padding:0 2em 1em 2em;
	margin:0 auto;
}

#contentinside{
	display:inline-block;
	width:100%;
	max-width:1300px;
	text-align:left;
	margin:0 auto;
	padding:3em 0;
	position:relative;
	line-height:1.3;
}

/********************* Top ************************/

#logo{
	position:absolute;
	top:50%;
	-ms-transform:translateY(-40%);
	transform:translateY(-40%);
}

#logo a{
	-moz-osx-font-smoothing:auto;
	-webkit-font-smoothing:auto;
	display:block;
	font-family:'rotis', serif;
	color:#632977;
	text-transform:uppercase;
	font-size:2.6em;
	font-weight:bold;
	letter-spacing:.05em;
	transition:.5s color;
}

#logo a:hover{ color:#87796a; }

/* nav */

#smNavShow{ display:none; }

#navMenuinside div:nth-child(3){ display:inline-block; }

#navMenu .menu, #navMenu ul, #navMenuSm .menu, #navMenuSm ul{
	list-style:none;
	padding:0;
	position:relative;
	z-index:900;
	margin:0;
	display:inline-block;
}

#navMenuSm .menu, #navMenuSm ul{
	width:auto;
	margin:.75em 0 0 0;
	padding:0;
	display:block;
}

#navMenu ul li, #navMenuSm ul li{
	display:block;
	float:left;
	padding:0;
	margin:0;
}

#navMenuSm ul li{
	display:block;
	clear:both;
	float:left;
	width:100%;
	height:auto;
}

#navMenu ul li a, #navMenuSm ul li a{
	text-decoration:none;
	color:#000000;
	display:block;
	font-weight:bold;
	padding:1.5em .85em .5em .85em;
	position:relative;
	line-height:1;
	font-size:1.4rem;
	transition:.5s color, .5s background;
	cursor:pointer;
}

#navMenu ul li a:hover{ 
	color:#ffffff;
	background:#632977;
}

#navMenuSm ul li a:hover{
	color:#ffffff;
	background:#844F97;
}

#navMenu .active a{ 
	color:#ffffff;
	background:#632977; 
}

/****** sub menu ******/

#navMenu ul ul{
	opacity:0;
	display:none;
	position:absolute;
	z-index:999;
	margin-top:0;
	width:180px;
	background:#632977;
	box-shadow:0 6px 16px rgba(0,0,0,0.2);
}

#navMenu ul ul li{
	position:relative;
	clear:both;
	float:left;
	margin:0;
	text-align:left;
	width:100%;
	padding:0;
	transition:.5s background;
}

#navMenu ul li ul a{
	position:relative;
	font-size:.98em;
	color:#fff;
	display:block;
	line-height:1.15;
	padding:.75em 1.5em;
	margin:0;
}

#navMenuSm ul li ul a{
	padding:.6em 0;
	font-size:1.2em;
}

#navMenu ul li ul a:hover{ background:none; }

#navMenu ul ul li:hover{ background:#87796a; }
#navMenuSm ul ul li:hover{ background:#4A175C; }

#navMenu ul ul .active a{ background:none; }

#navMenuSm ul ul{
	opacity:1;
	width:100%;
	position:relative;
	display:block;
	margin:0;
	padding:0;
	float:left;loat:left;
	border-radius:0;
	box-shadow:none;
	border-top:1px solid rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(0,0,0,0.3);
	background:rgba(255,255,255,.1);
}

/* social */

#social{
	position:relative;
	display:inline-block;
	margin-left:.5em;
}

#social a{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
}

.iconDiv{
	width:1.15em;
	height:1.15em;
	margin:0 0 .65em .1em;
	position:relative;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

.iconDiv svg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100% !important;
}


.iconDiv svg{
	fill:#000;
	transition:.3s fill;
}

.iconDiv:hover svg{
	fill:#632977;
}

/******************** Main Content *******************/

#leftsidecontent{
	width:35%;
	float:left;
	margin:0 0 0 0;
	position:relative;
}

#mainContent{
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	min-height:300px;
	line-height:1.45;
}

#rightsidecontent{
	width:35%;
	float:right;
	margin:0;
	position:relative;
}

#rightsidecontent img{
	width:100%;
	height:auto;
}

.withLeft{
	width:47% !important;
	float:right !important;
	background:#fff;
	padding:2em 3em 1em 3em;
	box-shadow:0 4px 12px 2px rgba(0,0,0,0.5);
}

.withRight{
	clear: both;
	width:58% !important;
}

/********************** Buy Now Button ***********************/

.buyNowArea, .buyNowArea2{
	width:100%;
	height:auto;
	text-align:center;
	position:relative;
}

.buyNowArea img{
	width:119%;
	height:auto;
	position:relative;
	z-index:400;
	margin:-1.5em 0 -5.6em -10%;
	pointer-events: none;
}

#rightsidecontent .buyNowArea img{
	margin-top:0;
	width:126%;
	margin-left:-13%;
}

.buyNowButton{
	margin:0;
	width:100%;
	padding:0;
	clear:both;
	position:relative;
	font-size:2em;
	color:#fff;
	font-family:'avantgarde', sans-serif;
	font-weight:bold;
	text-align:center;
	transition:.5s background;
    background:#783291;
	box-shadow:0 4px 12px 2px rgba(0,0,0,0.5);
}

#rightsidecontent .buyNowButton{
	box-shadow:0 3px 8px 1px rgba(0,0,0,0.15);
}

.buyNowArea:hover .buyNowButton, .buyNowArea2:hover .buyNowButton{
	background:#766658;
}

.buyNowArea2 .buyNowButton img{
	width:70% !important;
	height:auto;
	margin:.2em 0;
}

.buyNowArea2 .buyNowButton{
	padding:.6em 0;
	text-align:center;
	margin:0 !important;
}

.bNL{
	border-right:1px solid rgba(255,255,255,0.3);
	padding:2.25em 8% .5em 8%;
	width:31%;
	text-align:center;
	display:inline-block;
	margin:0;
}

.bNR{
	display:inline-block;
	padding:0 6%;
	margin:0;
	text-align:center;
	width:38%;
}

.isbn{
	text-align:center;
	font-size:1.2em;
	margin:1em 0 0 0;
}

.buyNowIcons{ margin:1.2em 0 .5em 0; }

.storebutton{
	width:46%;
	margin:0 2% .5em 2%;
	display:inline-block;
	height:1.4em;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.amazon{
	background-image:url(images/amazon.svg);
}
.bandn{
	background-image:url(images/barnes-noble.svg);
}
.bookshop{
	background-image:url(images/bookshop.svg);
}

.buyNowDate{
	background:url(images/fade.png) no-repeat;
	background-size:100% auto;
	background-position:center top;
	width:100%;
	text-align:center;
	font-size:1.3em;
	font-style:italic;
	padding:.5em 0;
	margin:0;
	color:rgba(0,0,0,0.6);
}

/******************* Bottom **********************/

#bottom{
	width:100%;
	height:auto;
	clear:both;
	float:left;
	position:relative;
	font-size:.8em;
	text-align:center;
	z-index:500;
}

#bottomInside{
	width:100%;
	padding:1.9em 0 3em 0;
	margin:0 auto;
	position:relative;
	text-align:center;
}

.bottommenu{
	width:auto;
	display:inline-block;
	margin:0 auto 1.9em auto;
	font-family:'avantgarde', sans-serif;
}

.bottommenu .menu, .bottommenu ul{
	list-style:none;
	clear:both;
	padding:0;
	margin:0 -1.8em 0 0;
}

.bottommenu ul li{
	display:inline-block;
	padding:0;
	margin:0 1.8em 0 0;
}

.bottommenu ul li a{
	text-decoration:none;
	color:#000;
	line-height:1;
	font-size:1.25em;
	display:inline-block;
	font-weight:bold;
	padding:0 0 0 0;
	width:auto;
	position:relative;
	transition:.5s color;
	cursor:pointer;
}

.bottommenu ul li a:hover{ color:#632977; }

.bottommenu .active a{ color:#632977 !important; }

.bottommenu ul ul{ display:none; }

.copyright{
	font-style:italic;
	font-size:.95em;
	color:rgba(0,0,0,0.5);
}

.sepv{ margin:0 .6em; }

/******************* Blog Posts *************************/

.postInfo, .postInfo2{
	display:block;
	margin:0 0 .5em 0;
	color:rgba(0,0,0,.45);
	font-size:.95em;
	font-style:italic;
}

.postInfo2{
	margin:0 0 1em 0;
}

#pagination{
	width:80%;
	text-align:center;
	font-size:1.25em;
}

/***************** Form Styles ****************/

label{
	font-family:'avantgarde', sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:1;
	vertical-align:top;
	margin:.5em 0 .2em 0;
	width:100%;
	clear:both;
	float:left;
}

input[type="text"], input[type="email"], textarea{
	-webkit-appearance:none;
	appearance:none;
	clear:both;
	float:left;
	padding:.3em .6em !important;
	width:calc(100% - 1.3em) !important;
	border:1px solid #ccc;
	border-radius:3px;
	font-size:1.1em !important;
	margin-bottom:.5em;
	font-family: inherit !important;
}

#recaptcha_div{ display:inline-block; }

input[type="submit"], .backToBlog a, .button, input[type="button"]{
	-webkit-appearance:none;
	appearance:none;
	cursor:pointer;
	background:#632977;
	color:#fff;
	font-size:1.25em;
	border:0;
	padding:.6em 1.8em .4em 1.8em;
	font-family:'rotis';
	font-weight:bold;
	transition:.5s background, .5s color;
	clear:both;
	float:left;
	margin:1em 0 0 0;
}

.indicates-required{
	display:none;
	position: absolute;
	bottom:0;
	padding:.5em 1em;
	background:#632977;
}

.indicates-required .asterisk{ color:#632977; }

.backToBlog a{
	margin:3em 0 35px 0;
	font-size:1.4em;
	background:#632977;
	transition:.5s background;
}

#pagination .next, #pagination .prev, .read-more{
	padding:.2em .4em .2em .4em;
	margin:0 .3em;
	font-size:.9em;
	display:inline-block;
	color:#fff;
	background:#632977;
	transition:.5s color, .5s background;
}

.read-more{
	font-size:.85em;
	padding:.25em .8em .25em .8em;
	color:#fff;
	background:#632977;
}

#pagination .next:hover, #pagination .prev:hover, .read-more:hover{
	color:#fff;
	background:#766658;
}

input[type="submit"]:hover, .backToBlog a:hover, .button:hover, input[type="button"]:hover{
	color:#fff;
	background:#766658;
}

/********************** Extra *********************************/

.intext{
	width:24%;
	height:auto;
	margin:0 0 .5em 1.5em;
	float:right;
}

.pressb{
	width:calc(100% - 1em);
	clear:both;
	float:left;
	padding:0 1em 0 0;
	background:#d3cec4;
	transition:.5s background;
	display:table;
	margin:.1em 0 .6em 0;
	border:2px solid #632977;
	min-height:70px;
	text-align:left;
}

.pressb:hover{
	background:#7B458D;
}

.pressl{
	width:20%;
	padding:.5em 0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	border-right:2px solid #632977;
}

.pressl img{
	width:85%;
	height:auto;
	position:relative;
	top:.1em;
}

.presst{
	padding-left:1em;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	color:#000;
}

/********************************** Testimonials **********************/

.testimonials{
	clear: both;
	float:left;
	width:100%;
	height:auto;
	background:#eff8fa;
	padding:2em 100%;
	margin:2em -100%;
	position:relative;
}

.testimonials .h1{
	text-transform:uppercase;
}

.testimonialsinside{
	padding:0 5em;
	height:auto;
	position:relative;
}

.testimonial{
	position:absolute;
	font-size:1.05em;
	line-height:1.6;
	display:none;
}

.testimonial:first-child{ display:block; }

.testimonial p{ margin-bottom:.35em; }

.quote{
	text-align:center;
	color:#fff;
	font-style:italic;
	font-size:1.2em;
	width:100%;
}

.quoted{
	margin:0.25em 0 0 -.5em;
	font-family:'rotis';
	font-weight:bold;
	font-size:1.4em;
	line-height:1.3;
	text-align:center;
	color:#fff;
	width:100%;
}

.testimonialbuttons{
	width:100%;
	margin:1.5em auto 0 auto;
	display:inline-block;
	text-align:center;
}

.testimonialbutton{
	display:inline-block;
	border:2px solid #632977;
	width:1em;
	height:1em;
	margin:0 .3em;
	opacity:.15;
	text-align:center;
	line-height:1;
	cursor:pointer;
}

.testimonialbutton:first-child{ opacity:1; }

.tbl{ 
	opacity:0;
}
.testimonialbutton:first-child .tbl{ opacity:1; }

.square{
	width:1em;
	height:1em;
	display:inline-block;
	background:rgba(15,66,107,.2);
}

/********************************** 404 *********************************/

.lost{
	margin:0;
	padding:0;
}

.lostH{
	font-size:6em;
	margin:0 0 0 0;
	line-height:1;
}

.lostP{
	margin:0;
}

/********************************* Events Calendar **********************/

.mbecout{ 
	border-width:3px;
	margin:2em 0 2.75em 0;
}
.mbecout, .edate{ border-color:#eee; }
.mbectop, .calendar-day-np, .elocation{ background:#eee; }
.npbut, .mbecbutton, .mbecout .h3, a.mbeca{ color:black; }
.mbeccloseButton svg{ fill:black; }
table.mbeccalendar, .mbeccalendar td{ border-color:#ddd; }
.calendar-day-head th{
	border-bottom-color:#ddd;
	background:#123;
	color:#fff;
}
.calendar-day-head th:last-child{ border-right-color:#ddd; }
.mbcalevent{ background:white; }
.mbeccloseButton{ top:-30px; }

/***************************** Extra *********************************/

.shadowFrame{
	border:10px solid #fff;
	background:#fff;
	margin-bottom:20px;
	box-shadow:0px 2px 6px rgba(0,0,0,0.3);
}

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

.video .wp-video{
	width:100% !important;
	height:calc(100%*.5624) !important;
	display:inline-block;
}

.caption{
	text-align:center;
	font-size:.9em;
	font-style:italic;
	margin:.3em 0 0 0;
}
.caption em, .caption i{ font-style:normal; } 

.centered{ 
	margin:0 auto;
	width:100%;
	text-align:center;
	display:block;
}

.cent{
	text-align:left;
	display:inline-block;
}

.wide{
	width:100%;
	margin:0;
	padding:2.5em 0;
	clear:both;
	float:left;
}

.allmedia{
	clear:both;
	float:left;
	padding-bottom:3em;
}

.blue{ background:#eff8fa; }

.clear{ clear:both; }
.table, .tablewide{
	display:table;
	width:100%;
}

.left, .right, .left2, .right2{
	display:table-cell;
	vertical-align:top;
}

.right{ 
	width:46%;
	padding-left:9%;
}

.left2{ 
	width:35%;
	padding-right:5%;
}

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

.tablewide{
	margin-top:-6em;
	margin-bottom:-4em;
}

.tablewide .left, .tablewide .right{ vertical-align:middle; }

.tablewide .right{
	width:50%;
	padding-left:4%;
	padding-right:4%;
}

.tablewide .left{
	height:400px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.asterisk{ color:#ffcc08; }

.inlineicon{
	display:inline-block;
	position:relative;
	top:.1em;
	width:1em;
	height:1em;
	margin:0 .1em;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.facebook{ background-image:url(images/facebook.svg); }
.instagram{ background-image:url(images/instagram.svg); }
.twitter{ background-image:url(images/twitter.svg); }
.linkedin{ background-image:url(images/linkedin.svg); }
.pinterest{ background-image:url(images/pinterest.svg); }
.youtube{ background-image:url(images/youtube.svg); }

.top{ margin-top:1.8em; }
.sep{
	margin:2.6em auto;
	width:14em;
	height:1px;
	text-align:center;
	background:#ddd;
}

.review{
	margin:0 0 .3em 0;
	font-style:italic;
}

.review em, .review i{ font-style:normal; }

.reviewed{
	font-weight:bold;
	margin:0 0 1.5em 0;
	padding:0 0 1.5em 40%;
	border-bottom:1px solid #eee;
	text-indent:-1.05em;line-height:1.3;
}

.reviewer{
	font-family:'rotis', serif;
	color:#632977;
	font-weight:bold;
	font-size:1.3em;
}

/********************************** Resized CSS *************************/

@media all and (max-width: 1400px){
	#contentinside{
		width:90%;
        padding:3em 5%;
    }
}

@media all and (max-width:1250px){
	#logo{ font-size:1.45vw; }
	#navMenu ul li a{
		font-size:1.65vw;
		padding:2.75vw 1.35vw 1vw 1.35vw;
	}
	.buyNowButton{ font-size:2.9vw; }
	.bNL{ padding-top:8vw; }
}

@media all and (max-width: 1100px){
	.storebutton{
		width:100%;
		margin:0 0 1.4vw 0;
	}
	.testimonialsinside{ padding:0; }
	.iconDiv{
		width:1.75vw;
		height:1.75vw;
		margin-left:.2vw;
	}
	.intext{ width:35%; }
}

@media all and (max-width:980px){
	#navMenu{ padding:0; }
	#navMenuinside{ padding:2vw 2.25vw; }
	#navMenuinside .menu{ display:none; }
	#smNavShow{ 
		display:inline-block; 
		width:1.3em;
		height:1.2em;
		margin:0;
		background:url(images/hamburger.svg) no-repeat;
		background-size:100% auto;
		background-position:center;
		cursor:pointer;
		position:relative;
		z-index:1100;
	}
	#navMenuSm ul li a{
		width:100%;
		padding:.6em 0 .6em 0;
		font-size:1.35em;
		height:auto;
		top:0;
		text-align:center;
	}
	#social{
		margin:0 0 0 1vw;
		position:relative;
		height:1.2em;
	}
	.iconDiv{
		width:1.2em;
		height:1.2em;
		margin-bottom:0;
	}
	#leftsidecontent, #rightsidecontent, #mainContent{
		clear:both !important;
		float:left !important;
		margin:0 0 1em 0;
	}
	#mainContent{
		width:90%;
		margin:0 5% 1em 5%;
	}
	.withLeft, .withRight{
		width:auto !important;
	}
	#leftsidecontent, #rightsidecontent{ text-align:center; width:100% !important; }
	.buyNowArea{ 
		margin-top:3em;
		max-width:450px;
		margin-left:auto;
		margin-right:auto;
		display:inline-block;
	}
	.buyNowButton{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		font-size:2em;
	}
	.bNL{ padding-top:2.3em; }
	.quote{ 
		margin-top:1.5em;
		padding-left:20%;
		width:60%;
	}
}

@media all and (max-width:900px){
	.testimonialsinside{ text-align:center; }
	.bottommenu ul li a{
		font-size:1.4em;
		float:none;
	}
	.bottommenu ul li{
		clear:both;
		width:100%;
		text-align:center;
		margin:0 0 .88em 0;
	}
	.bottommenu .menu, .bottommenu ul{
		margin:0 0 0 0;
	}
}

@media all and (max-width:800px){
	.left, .right, .left2, .right2, .tablewide .right{
		display:block;
		clear:both;
		float:left;
		width:100%;
		padding:0;
		margin-bottom:.5em;
	}
	.left2{ margin-bottom:1.5em; }
	.tablewide .right{ padding-top:1em; padding-bottom:1em;}
	.storebutton{ 
		height:2em; 
		margin-bottom:1em;
	}
	.presst{
		padding-top:.5em;
		padding-bottom:.5em;
	}
	.quote{ 
		padding-left:10%;
		width:80%;
	}
}

@media all and (max-width:650px){
	#logo{ font-size:3vw; }
	#navMenuinside{ padding:4vw 4.25vw; }
	.pressb{
        width:98%;
        padding:0 2% 0 0;
    }
	.pressl{ 
		padding:0;
		width:30%;
	}
	.pressl img{ 
		width:90%;
	}
	.presst{
		padding-left:2%;
	}
	.withLeft{ padding:7vw 8vw 3vw 8vw; }
	.intext{ width:45%; }
}

@media all and (max-width:600px){
	.h6, h6{ text-align:center; }
	input[type="submit"]{
		float:left;
		position:relative;
		left:50%;
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
}

@media all and (max-width:500px){
	.buyNowButton{ font-size:8.2vw; }
	.bNL{ padding-top:26vw; }
	.intext{ 
		width:94%;
		float:left;
		clear:both;
		margin:0 auto 1em auto;
	}
}