/* @override http://berchman.com/wp-content/themes/canvas-berchman/custom.css */

/* 
WOO CUSTOM STYLESHEET
---------------------

Berchman.com
Version 20.0

*/


body,
section.entry p {
	font: 300 1.25em/1.625em "chaparral-pro", Georgia, serif !important;
}
/* @group Homepage Group */

body.home #main div.post-1108.page.type-page.status-publish.hentry div.entry {
	font-size: 1.5em;
}

img#berts-sig {
	border-style: none;
	margin-top: 10px;
	margin-left: auto;
	padding: 0;
	background-color: transparent !important;
	margin-right: auto;
}

body.home div#content.col-full {
	margin-top: 0;
}
body.home div#wrapper {
	color:  white;
	max-width: 600px !important;
}


body.home div#wrapper p.clearboth {
	clear: both;
	margin-bottom: 10px;
}

body.home div#wrapper ol {
	padding-left: 120px;
	padding-right: 40px;
	margin-bottom: 30px;
}

p#signature {
	margin-bottom: 0;
	display: block;
}

body.home div#wrapper ol li {
	font-size: .85em;
	color: #acd7e5;
}

body.home div#wrapper p {
	font: .75em/1.5em "chaparral-pro", Georgia, serif;
	text-align: center;
	display: block;
}

body.home img.aligncenter.size-full.wp-image-1697 {
	border-style: none;
	background-color: transparent;
	margin-bottom: 0;
}

body.home #homeintro {
	font: 100 1.5em/1em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;	letter-spacing: -1px;
	margin-top: 40px;
	color: #7d0605;
	display: inline-block !important;
	margin-bottom: 40px;
	width: 100%;
	text-align: center;
}

body.home h2 {	letter-spacing: -1px;
//	color: #7d0605;
	display: inline-block !important;
	margin-bottom: 40px;
	width: 100%;
	text-align: center;
	font: 400 .9em "proxima-nova", Arial, Helvetica, Geneva, sans-serif;
}

body.home div.entry h3 {	letter-spacing: -1px;
	display: inline-block !important;
	width: 100%;
	text-align: center;
}

body.home div.entry h4 {	letter-spacing: -1px;
	display: inline-block !important;
	width: 100%;
	text-align: center;
	color: #77150d;
	font-size: 1.25em;
	margin-top: 30px;
}

#main div.post-1108.page.type-page.status-publish.hentry h2.title {
	display: none !important;
}

body.home div.entry h3 {
	padding-right: 0;
	font: .9em/1.2em "chaparral-pro", Georgia, serif !important;
	letter-spacing: -1px;
	margin-top: 0;
	float: right;
	color: #777;
	margin-bottom: 25px;
}

#main div.post-1108.page.type-page.status-publish.hentry div.entry p img.alignleft.size-full.wp-image-1340 {
	display: inline-block !important;
	float: left !important;
}

p#homeimage {
}

img.alignright.size-full.wp-image-1839 {
		float: left;
		margin: 0 15px 20px 0;
	}

img.alignleft.size-full.wp-image-1695 {
	margin-right: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

body.home h4#secondprgh {
	float: none;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 0px;
	font: italic .9em/1.25em "chaparral-pro", Georgia, serif !important;
	color: #777;
	clear: both;
	border-bottom: 1px dotted #bbb;
	padding: 8px 15px 15px;
}

body.home.page div.entry h5 {
	color: #7d0605;
	margin-bottom: 10px;
	margin-top: 0;
	letter-spacing: -1px;
	font: 300 1.125em/1.5em "chaparral-pro", Georgia, serif;
	text-align: left;
	clear: both;
}

body.home div#footer-widgets.col-full.col-3 {
	display: none;
}

#homeintro span.smgray {
	font-size: .55em;
	width: 100%;
	display: inline-block;
	border-top: 1px solid silver;
	margin-top: 10px;
	padding-top: 5px;
	line-height: 1em;
	color: #204d3f;
}

ul#self-nav {
	line-height: 1.2em;
	font-size: .85em;
	margin-bottom: 15px;
margin-top: 0;
padding-left: 30px;
border-bottom: 1px dotted #bbb;
padding-bottom: 30px;
}

#contact-page section.entry div.location-twitter {
	display: none;
}

#woodojo_instagram-2 ul.instagram-photos.alignleft li {
	margin: 0 8px 8px 0 !important;
}

ul#self-nav li {
	    list-style: none !important;
		color: #3f4036 !important;
		font-size: .75em;
		line-height: 1.2em;
	}

ul#self-nav li:before { 
    content: "";
    border-color: transparent #900;
    border-style: solid;
    border-width: 0.25em 0 0.25em 0.35em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
	position: relative;
	top: .85em;
}

/* @end */


h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	font-family: "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
}

#header h3.nav-toggle.icon {
	clear: both;
	float: none;
	text-transform: uppercase;
	font-size: 18px !important;
	background-image: none;
	padding: 2px;
	width: 320px;
	margin: 0 auto;
	display: none !important;
}

#header h3.nav-toggle.icon a:after {
}

#header h3.nav-toggle.icon a {
	color: white !IMPORTANT;
}

div#main {
 	display: inline-block;
}

img.woo-image.thumbnail.alignleft {
}

div.post-more {
	clear: none;
	float: none;
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
	border-bottom-color: #e6e6e6;
}

#hdr-txt-wrap span.site-description {
	display: inline-block;
	float: left;
	color: #005392;
	font-size: 1em;
}

div#logo {
	display: none;
}

div#custom-logo {
	text-align: center;
float: none !important; 
display: block;
    margin: 0 auto;
	height: 120px;
	padding: 0;
	width: 100%;
}

div#wrapper {
	padding-top: 0;
}

div#header.col-full {
	text-align: center !important;
	margin-bottom: 15px;
}

body.home div#header.col-full {
	text-align: center !important;
	margin-bottom: 25px;
}

div#hdr-txt-wrap {
	font-size: 0;
	line-height: 0;
	text-indent: -10000px;
	width: 1px;
	height: 1px;
	display: none;
	float: left;
}

#header h4 {
	width: auto;
	display: inline-block;
	text-transform: uppercase;
	color: #848484;
	height: auto;
	padding: 0 5%;
	margin: 0 auto;
	font: 300 .85em "proxima-nova";
}
.home #header h4 {
//	display: none;
}


div#content.col-full {
	clear: both;
	float: none;
	margin-top: 40px;
	padding-bottom: 0;
}

div#content.col-full.business {
	padding-bottom: 0;
}

div.portfolio div.post-meta {
	display: none;
}

ul.icons li {
	margin-bottom: 0;
	margin-left: 0 !important;
	font: 400 1em "proxima-nova", Arial, Helvetica, Geneva, sans-serif;
	color: #919191;
}

#header div.threecol-one.last,
#header div.threecol-one {
	margin-bottom: 0;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#header div.threecol-one.last {
	margin-bottom: 0;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#header div.threecol-one.last,
#header div.threecol-one {
	margin-bottom: 0;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

div#main #contact-page section.entry h4 {
	margin-top: 30px;
	margin-bottom: 30px;
	font: normal 1.75em/1.25em "proxima-nova", Arial, Helvetica, Geneva, sans-serif;
	text-transform: none !important;
	color: #742017;
}

/* @group Links and hovers */

#hdr-txt-wrap h1.site-title a {
	margin-right: 25px;
	margin-bottom: -3px;
}

div#logo a {
	margin: 0;
}


a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition:    all 0.5s ease-in-out;
	-ms-transition:     all 0.5s ease-in-out;
	-o-transition:      all 0.5s ease-in-out;
	transition:         all 0.5s ease-in-out;
}

a {
	text-decoration: underline !important;
}

body.home a {
	padding-bottom: 0;
	color: #78160f;
	text-decoration: none !important;
	border-bottom: 1px solid silver;
}

body a:hover {
	color: #e15033;
	text-decoration: none !important;
	border-bottom: 1px solid gray;

}


a:hover {
	text-decoration: none !important;
}

#navigation ul.nav > li a {
	background-color: transparent;
	text-transform: uppercase;
	text-decoration: none !important;
	border-style: none !important;
	font-weight: normal;
	font-style: normal;
}

#navigation ul.nav > li a:hover {
	background-color: transparent;
	border-style: none;
}

ul.nav li a:hover span {
	color: black !important;
}

/* @end */


/* @group Sidebar */

div#sidebar h1,
div#sidebar h2,
div#sidebar h3,
div#sidebar h4,
div#sidebar h5,
div#sidebar h6 {
	margin: 0 0 15px;
	font: 18px "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #aab2c2;
}

div#footer.col-full,
#footer-widgets {
	border-style: none !important;
	font-family: "proxima-nova", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	margin-top: 40px;
	bottom: 0;
	padding-top: 0;
}

body.home.page div#footer.col-full,
body.post-type-archive-portfolio div#footer.col-full
 {
	margin-top: 0 !important;
}



#contactForm ol.forms li label {
		font: normal 20px/1.25em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
 font-weight: 700 !important;}

#contactForm ol.forms li.inline label {
	font-weight: 300 !important;
	font-size: 14px !important;
}

input.submit.button {
	padding: 10px 20px !important;
	background-color: #791610 !important;
	background-image: none !important;
}

body.portfolio-component div#footer-widgets {
	display: none;
}

div.textwidget,
div#footer-widgets p,
div#footer-widgets ul,
div#credit.col-right p,
div#copyright.col-left p {
	font: 400 15px/1.3em "ff-tisa-web-pro", Georgia, "Times New Roman", Times, serif !important;
	
}

/* @end */

/*/* @group Navigation 


ul.nav li span {
	color: gray;
	background-color: transparent;
	font-weight: 700;
	font-family: "proxima-nova";
	}

/*ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a,
ul.nav li.current_page_item span {
	background-color: transparent !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}
ul.nav li.current_page_item a:hover span {
	color: black !important;
}

 // body ul#main-nav.nav li a {
	padding: 0;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	margin: 0 !important;
	font: normal 700 21px/1em "museo", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none !important;
	color: #000 !important;
}

body ul#main-nav.nav li a:hover  {
	background-color: black !important;
	color: white !important;
}

body ul#main-nav.nav li a:hover span  {
	color: white !important;
}

div div#navigation.col-full {
	margin-bottom: 10px;
	width: auto;
	background-color: transparent;
	margin-top: 10px;
	text-align: center;
}


// div#navigation.col-full {
	height: 50px;
	background-color: transparent;
	text-align: center;
	margin-right: 0;
	margin-top: 15px;
	margin-bottom: 15px !important;
}	


// ul#main-nav {
    height: 50px; 
    overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}


ul#main-nav li {
    float: left;
	list-style-type: none;
	margin: 0 10px 0 0;
}

// body ul#main-nav li#menu-item-1106 {
	margin-left: 240px;
}
// body.home ul#main-nav li#menu-item-1106 {
	margin-left: 60px;
}

body div#wrapper div#navigation.col-full ul#main-nav.nav li a {
	padding: 0 !important;
	border: none;
	text-decoration: none !important;
	color: white;
	display: inline-block;
}

ul#main-nav li a:hover
ul#main-nav li a span:hover {
	 color: white !important;
 }

ul#main-nav li a span {
	display: block;
	color: #fff !important;
	height: 50px; 
	width: 100px;
	font-weight: 500;
	-webkit-transition: margin .2s ease-in-out;
	-moz-transition: margin .2s ease-in-out;
	-o-transition: margin .2s ease-in-out;
	-ms-transition: margin .2s ease-in-out;
	transition: margin .2s ease-in-out;
	background-color: #999999;
	line-height: 50px;
	font-size: 1em;
	padding: 0 5px;
	text-transform: uppercase;
	border: none;
}


ul#main-nav li a span.n-bot {
	color: #fff !important;
	line-height: 1em;
	padding-right: 15px;
	padding-left: 15px;
	width: 80px;
	padding-top: 7px;
	height: 43px;
	background-color: #7d0605;
}

ul#main-nav li a:hover span.n-top {
	margin-top: -50px;
	text-decoration: none;
}

ul#main-nav li a {
font-weight: 300;
font-family: "proxima-nova", sans-serif !important;
}

div div#navigation.col-full {
	text-align: center;
	height: 50px;
	overflow: hidden;
	margin-bottom: 20px;
	background-color: #f1f1f1;
}

*/

/* Hover Slide */

/* @end */

/* @group Footer */

div#footer-widgets ul {
	list-style-position: outside;
	margin-left: 20px;
	line-height: 1em;
}

div#footer-widgets ul li {
	margin-bottom: 5px;
}

div#footer-widgets ul li a {
	line-height: 1em;
	text-decoration: none;
}

div#footer-widgets ul li a {
	text-decoration: none !important;
}

div#footer-widgets h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #aab2c2;
	font-size: 1.75em;
}

div#footer { text-align: center;}
div#wrapper div#footer.col-full p {
	margin-top: 8px;
	margin-bottom: 8px;
	font: 1.1em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
	text-align: center !important;
}
/* @end */

/* @group Social */

ul#socialmedia {
	display: block;
	list-style-type: none;
	margin-top: 0;

}

ul#socialmedia li {
	display: inline-block;
	list-style-type: none;
	margin-right: 0;
}

#socialmedia li a span {
	font-size: 0;
	line-height: 0;
}

#socialmedia li a  {
	display: inline-block;
	width: 45px;
	height: 45px;
	-webkit-border-radius: 30px;
    border-radius: 30px;
    background: transparent;
	text-decoration: none !important;
	margin-top: 20px;
}

#socialmedia li a:hover  {
	display: inline-block;
	background-color: #7e0606;
	color: white;
}

#socialmedia li a i:hover,
#socialmedia li a:hover {
	text-decoration: none !important;
}

#socialmedia li a i:hover,
#socialmedia li a:hover i {
	color: white !important;
}

ul#socialmedia li a i {
	margin-top: 7px;
	width: 45px;
	margin-right: 0;
	color: #797979;
}

div#footer ul#socialmedia li a i {
	margin-top: 9px;
	width: 45px;
	margin-left: -1px;
}


/* @end */

/* @group My Group */



/* @end */

div#portfolio div.portfolio-items div.portfolio.type-portfolio.portfolio-img {
	margin-left: 0px;
	margin-right: 0;
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 40px;
}

div#portfolio div.portfolio-items img.woo-image {
	background-image: none;
	background-color: transparent;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid #c0c0c0;
	width: 300px;
	height: 180px;
}

#portfolio div.portfolio-items h3 a {
	line-height: normal;
	display: block;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: .5em;
	padding-bottom: 5px;
	text-decoration: none !important;
	width: 300px;
	border: 1px solid #f1f1f1;
	text-align: center;
}

#portfolio div.portfolio-items h3 a:hover {
	text-decoration: none;
	color: white !important;
	background-color: black;
}


#portfolio div.portfolio-items h3 {
	margin: 0px 0px 10px 10px;
	font-size: 1.5em !important;
	width: 300px;
	line-height: 1.5em !important;
}
#portfolio div.portfolio-items div.portfolio h3 a.thumb:hover  {
	margin-bottom: 0;
	display: block;
}
#portfolio div.portfolio-items div.portfolio a.thumb {
	margin-bottom: 0;
	padding: 0 !important;
}

#portfolio div.portfolio-items div.portfolio a.thumb:hover  {
	margin-bottom: 0;
}

#portfolio div.portfolio-items div.portfolio a.thumb:hover + h3 a {
    background: #000;
	border: 1px solid black;
	color: white !important;
}

div#portfolio {
	text-align: left;
	margin-top: 20px;
	padding: 0;
	width: 980px;
}

div#port-tags.port-tags {
	text-align: center !important;
	padding-bottom: 0 !important;
	display: none;
	margin: 20px 0px 30px 0px !important;
}

#portfolio div.portfolio-items {
	display: inline-block;
	width: 980px;
}

div#post-gallery a {
	display: inline-block;
	margin-right: 30px;
	height: 300px !important;
	width: 500px !important;
	border: 1px solid #545454;
	padding: 0 !important;
}

div#post-gallery.portfolio-img {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	height: 310px;
	width: 500px;
}

img.woo-image.portfolio-img {
	max-height: 300px !important;
	max-width: 500px !important;

}

body.single-portfolio div#main {
//	margin-top: 20px;
}


body.single-portfolio div#wrapper div#footer-widgets {
	display: none;
}

#port-tags div.fl {
	font-family: "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
	width: 100%;
}

#port-tags div.fl span.port-cat {
	font-size: .85em !important;
}

#port-tags div.fl span.port-cat a:hover,
#port-tags div.fl span.port-cat a.current:hover {
	background-color: #545454 !important;
	color: white !important;
}

#port-tags div.fl span.port-cat a.current {
	color: #813217 !important;
}

div.portfolio.type-portfolio.status-publish.hentry {
	margin-right: 0;
	min-width: 320px !important;
	width: 45%;
}

.single .nav li.current_page_item a { background: Transparent !important;}

ul.icons,
ul.icons li {
	list-style-type: none;
	margin-left: 6px;
}

div.entry ul.icons li strong {
	color: #566c89;
	line-height: 1.7em;
	font-weight: 400;
	font-size: 19px;
}

div.entry ul.icons li i {
	height: 24px;
	margin-bottom: 0;
	width: 24px;
	color: #52708b;
	margin-left: -14px;
}

div.portfolio div.entry h5 {
	margin-bottom: 20px;
	color: #8c752d;
	font: 1.5em/1em "chaparral-pro", Georgia, "Times New Roman", Times, serif;
	padding-right: 20px;
}

.makeitred,
ul.icons li strong {
	color: #7b361d !important;
}

div.portfolio h2 {
	padding-bottom: 5px !important;
	border-bottom: 1px solid #c0c0c0;
	color: #004563 !important;
	margin-bottom: 5px;
	font-size: 2em;
	line-height: 1em;
}

div.portfolio div.entry h4 {
	font-size: 1.5em !important;
	color: #566c89;
}

#extras a.button {
	background-color: #813217 !important;
	background-image: none !important;
	margin-top: 10px;
	text-decoration: none !important;
}

ul.slides div.content div.excerpt p {
	font: 1em/1.5em "chaparral-pro", Georgia, "Times New Roman", Times, serif !important;	
}


ul.slides div.content div.title h2.title a {
	font: 400 1.25em/1em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
	text-decoration: none !important;
	color: white !important;
}

ul.slides div.content div.title h2.title a:hover {
	text-decoration: underline !important;
	color: yellow !important;
}

ul.slides div.content {
	padding-top: 0 !important;
	width: 500px !important;
}

ul.slides a {
	color: #75d5ff !important;
	text-decoration: none !important;
}

ul.slides a:hover {
	color: #73fdff !important;
	text-decoration: none !important;
}

ul.slides h2.title a {
		font: 400 1.75em/1em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
	
}

#main .hentry h2.title a {
	font: 400 1.75em/1em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
	letter-spacing: -1px;
	padding-right: 40px !important;
	text-decoration: none !important;
}

#main div.block .hentry h2.title a {
	font: 400 1.25em/1em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
		padding-right: 0px !important;
	text-decoration: none !important;
}

div.post-1051.post.type-post.status-publish.format-standard.hentry {
	padding-right: 50px;
}

#woo_search-2 div.search_main form.searchform input.field.s {
	font: 400 1.25em "proxima-nova", Arial, Helvetica, Geneva, sans-serif !important;
	text-transform: uppercase;
}

form.searchform {
	background-color: white;
	color: #fff;
}

div#tabs {
		font-family:"ff-tisa-web-pro", Georgia, "Times New Roman", Times, serif !IMPORTANT;
}

#main .hentry h2.title {
	padding-right: 40px !important;
}

#main div.post-1108.page.type-page.status-publish.hentry h2.title {
	display: none;
}

div.wp-caption.alignright {
	padding: 0;
	border-style: none;
	background-color: #999999;
}


div.post-meta {
	display: none;
}

p.wp-caption-text {
		font-family: "proxima-nova";
		color: white;
	}

span.read-more {
	margin-bottom: 20px;
	text-transform: uppercase;
	background-color: silver;
	display: block;
}

span.read-more a {
	padding: 15px 0 !important;
	color: white !important;
	text-decoration: none !important;
	background-color: #bebebe;
	display: block;
	padding-left: 10px !important;
	margin: 0 0 20px !important;
	margin-top: 20px !important;
}

span.read-more a:hover {
	background-color: #791610 !important;
}

#main div.entry blockquote p {
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 0;
	margin-top: 10px;
	color: #813217;
}

#main div.entry blockquote  {
	margin-bottom: 20px;
	margin-top: 20px;
}

#custom-logo a {
	padding-top: 10px;
	border-bottom-style: none;
	text-decoration: none;
	display: block;
	text-align: center !important;
}

#custom-logo a img {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 120px;
	text-align: center;
}

h4#title-bar {
	padding: 5px 10px 5px 0;
}

#contact-page section.entry h2 {
	color: #791610;
}

#tabs ul.wooTabs  {
	font-family:"ff-tisa-web-pro", Georgia, "Times New Roman", Times, serif !IMPORTANT;
}

div#loopedSlider.woo-slideshow {
	margin-bottom: 15px;
}

#contact-page h1.title {
	font-size: 2em !important;
}

#contact-page section.entry h3 {
	color: #791610;
	font-size: 2em;
}

#tabs ul.wooTabs li a.selected,
#tabs ul.wooTabs li a {
	font: bold 17px "proxima-nova", Arial, Helvetica, Geneva, sans-serif;
	padding: 12px;
	text-decoration: none !important;
}

#tabs div.boxes.box.inside li a {
		font: 17px "proxima-nova", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none !important;
}

#tabs div.boxes.box.inside li span.meta {
	font-family:"ff-tisa-web-pro", Georgia, "Times New Roman", Times, serif !IMPORTANT;
	text-transform: capitalize;
	margin-left: 55px;
}

#header h4 span {
	width: 0;
	height: 0;
	display: inline-block;
	overflow: hidden;
}

div#navigation {
position: relative;
	background-color: #f1f1f1;
	display: block;
	height: 50px;
	text-align: center;
	margin-bottom: 10px;
}
#main-nav {
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}
.nav li {
display: block;
list-style: none;
margin: 0;
padding: 0;
position: relative;
right: 49%;
	border-style: none;
	text-decoration: none;
	float: left;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 480px) and (orientation: portrait) {
/* Styles */

.nav li {
display: block;
list-style: none;
margin: 0;
padding: 0;
position: relative;
right: 38%;
	border-style: none;
	text-decoration: none;
	float: left;
}

ul.nav li a {
padding: .5em .5em;
}

}

.nav li:hover, .nav li.hover {
position: relative;
}
.nav li ul li {
left: 0;
}
 ul.nav { 
left: 20%; 
}

.nav-toggle:after {
  content: none;
//  font-weight: normal;
//   color: #fff;
}