/* 
Theme Name: Herly
Template: responsive
Version: 1.0
Author: JustPixels
Author URI: http://justpixels.com.au

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');

	
/* = Header and Footer Additions
-------------------------------------------------------------- */
body {
  background: #ffffff !important;
  font-family: 'futura-pt', sans-serif;
}

#header {
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
}

#footer-wrapper {
	padding-top: 10px;
	border-top: 1px solid #000;
	text-transform: uppercase;
}

#content-full {
  margin-top: 15px;
}

.logo {
  width: 25%;
  margin: 100px 0 0 0;
  float: left;
}

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

.logo h1 {
    color: #000000;
    font-weight: normal;
    letter-spacing: 22px;
    font-size: 50px;
	margin-bottom: 0px;
}

.logo a:hover {
    text-decoration: none;
}

.phone-number{
	display: none;
	text-align: center !important;
}

#header-right {
	width: 40%;
	margin: 95px 0 0 0;
	float: right;
}

.go-social{
	display: inline;
	text-indent: -99999px;
	width: 25px;
	height: 25px;
	margin-right: 2px !important;
	margin-bottom: 2px !important;
	background-size: 25px !important;
	float: right;
}

.si-last {
	margin-right: 0px !important;
}

.si-em {background: url('images/social/si-em.png') bottom;}
.si-fb {background: url('images/social/si-fb.png') bottom;}
.si-tw {background: url('images/social/si-tw.png') bottom;}
.si-ig {background: url('images/social/si-ig.png') bottom;}
.si-yt {background: url('images/social/si-yt.png') bottom;}
.si-se {background: url('images/social/si-se.png') bottom;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
		.go-social{background-size: 25px !important;}
       		.si-em {background: url('images/social/si-em@2x.png') bottom;}
		.si-fb {background: url('images/social/si-fb@2x.png') bottom;}
		.si-tw {background: url('images/social/si-tw@2x.png') bottom;}
		.si-ig {background: url('images/social/si-ig@2x.png') bottom;}
		.si-yt {background: url('images/social/si-yt@2x.png') bottom;}
		.si-se {background: url('images/social/si-se@2x.png') bottom;}
}

@media (max-width: 800px) {
	#header-right {
	margin: 80px 0 0 0;
	}
}


@media (max-width: 650px) {
	.phone-number{
	display: inherit;
	float: none;
	width: 90%;
	margin: 40px 5% 0 5%;
	text-align: center;
	}
	
	#header-right {
	width: 15%;
	margin: 20px auto 20px auto;
	float: none;
	}
	
	.main-nav {
	margin-top: 20px !important;	
	}
	
	#header {
  	border-bottom: 0px;
	}
}

@media (max-width: 576px) {
	.logo {
  	width: 100%;
	}
	#header-right {
	width: 20%;
	}
}
@media (max-width: 445px) {
	#header-right {
	width: 32%;
	}
}

.site-description {
  color: #afafaf;
  display: inline;
  font-size: 0.875em; /* = 14px */
  margin: 10px 0;
}

.menu {
  float: right;
  background-color: transparent;
  background-image: none;
  filter: none;
  margin: -15px 0 0 0;
  clear: both;
}

.main-nav {
  width: 100%;
  float: right;
}

.menu a {
  color: #505050;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  text-shadow: none;
  height: 12px;
  line-height: 12px;
  padding: 0px;
  border-left: 0px;
}

.menu a:hover {
  background-color: transparent;  
  background-image: none !important;
  color: #cf7d26;
  filter: none;
  text-decoration: none;
}

ul.menu > li:hover {
  background-color: transparent;
  color: #cf7d26;
}

.menu .current_page_item a,
.menu .current-menu-item a {
  background-color: transparent;
  color: #cf7d26;
}

.front-page .menu .current_page_item a {
  background: none;
  background-color: transparent;
  background-image: none;
  filter: none;
}

.menu li {
	padding: 0 0.9em;
	border-right: 1px solid #505050;
	
}

.menu li:last-child {
  padding-right: 0px !important;
  border-right: 0px;
}

.menu li li {
  background: #ffffff;
  background-image: none;
  border: 1px solid #e5e5e5;
  color: #444444;
  filter: none;
  margin: -1px 0 1px 0;
  width: auto;
}

.menu li li a {
  background: transparent !important;
  border: none;
  color: #444444;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  text-shadow: none;
  white-space: nowrap;
}

.menu li li a:hover {
  background: #fff !important;
  background-image: none;
  border: none;
  color: #cf7d26;
  filter: none;
}

ul.menu > li:hover {
  background: transparent !important;
  color: #444444;
}

#wrapper {
  -webkit-border-radius: 0px;
  -moz-border-radius: 4px;
  background-color: #ffffff;
  border: none;
  border-radius: 0px;
  clear: both;
  margin: 0 auto 0 auto !important;
  padding: 0 0 0 0;
  position: relative;
}

.copyright, .powered {
  font-size: 10px;
  text-transform: uppercase;
}

.newsletter-signup a {
  color: #cf7d26 !important;
}

.back-page {
  margin-top: 20px;
}

.newsletter-signup a:hover {
  color: #cf7d26 !important;
}

/* = Formatting Additions
-------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	font-weight: bold;	
}

a {
	color: #cf7d26;
}

a:hover {
	color: #cf7d26;
	text-decoration: underline;
}


/* = Slider Additions
-------------------------------------------------------------- */

.soliloquy-container .soliloquy-control-nav { 
	left: auto !important; 
	right: 10px !important;
	width: 30%;
	text-align: right;
	float: right;
	}

.soliloquy-caption { 
	display: none !important; 
	}

#soliloquy-container-213 .soliloquy-caption {
	display: block !important;
}

#soliloquy-container-216 .soliloquy-caption {
	display: block !important;
}

.soliloquy-container .soliloquy-caption .soliloquy-fc-caption.soliloquy-fc-bullets{
	padding-bottom: 12px !important;
}

.soliloquy-caption a{
	font-size: 13px !important;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.soliloquy-caption a:hover{
	text-decoration: none;
}

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	text-align: left !important;
	line-height: 1.4 !important;
	font-size: 13px !important;
	color: #ffffff;
	font-weight: bold;
}

.soliloquy-container:hover .soliloquy-caption, .soliloquy-container.soliloquy-hover .soliloquy-caption { display: block !important; }

.soliloquy-control-nav li a { overflow: hidden; text-indent: 9999px !important; }

@media (max-width: 600px) {
 
        /** Hide the caption and control nav for small devices since they can swipe slides */
	.soliloquy-container .soliloquy-control-nav,
        .soliloquy-container .soliloquy-caption .soliloquy-caption-inside{
		display: none !important;
	}
 
}

/* = Page Additions
-------------------------------------------------------------- */
.one-half {
	width: 48.936170212766%;
	display: inline;
	margin-right: 2.127659574468%;
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.clast {
	margin: 0 0 2.127659574468% 0;
}

/* = Project Temp
-------------------------------------------------------------- */
.page-third {
	width: 31.914893617021%;
	display: inline;
	margin-right: 2.127659574468%;
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.page-third .project-title {
 	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	margin-top: -80px;
	text-shadow: 0px 0px 5px #2E2E2E;
	text-decoration: none;
}

.page-third img {
	width: 100%;
	height: auto;
}

/* = Project
-------------------------------------------------------------- */

.projects-computer{
	display: inline;
}

.project-third {
	width: 31.914893617021%;
	display: inline;
	margin-right: 2.127659574468%;
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.plast{
  	margin: 0 0 20px 0;
  	float: right !important;
}

.project-third:hover {
 	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.project-third img{
 	width: 100%;
  	height: auto;
}

.project-title {
	display: none;
}

.project-third:hover .project-title {
 	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	margin-top: -80px;
	text-shadow: 0px 0px 5px #2E2E2E;
	text-decoration: none;
}

backup.project-third:hover .project-title {
 	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	padding: 62px 0 70px 0;
	text-shadow: 0px 0px 5px #2E2E2E;
}

.projectisle {
	list-style-type: none;	
}

.project-text{
 	margin-top: 20px;
  	width: 100%;
}

@media (max-width: 960px) {
	.project-third:hover .project-title {
	margin-bottom: 20px;
	}
}

@media (max-width: 1024px) {

.imageSub-project { position: relative; width: 32%; float: left; margin: 0 2% 20px 0;}
.imageSub-project-last {width: 32%; margin-right: 0; float: right;}
.imageSub-project img { z-index: 1; width: 100% !important;}
.imageSub-project div {
   position: absolute;
   bottom: -1px;
   left: 0%;
   right: 0%;
   padding: 10px 0 0 10px;
   height: 25px;
   line-height: 10px;
   overflow: hidden;
}
.imageSub-project .blackbg{
    z-index: 2;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.imageSub-project .label {
    z-index: 3;
    font: 10pt normal Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}
}

@media (max-width: 650px) {
	.project-third {
	width: 100%;
	margin-right: 0;
	}
	
	.project-third .project-title {
 	display: block;
	color: #505050;
	margin-top: 0px;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	margin-bottom: 20px;
	}
	
	.project-third:hover .project-title {
	color: #505050;
	margin-top: 0px;
	text-shadow: none;
	}
	
.imageSub-project { width: 100%; margin: 0 0 20px 0;}
.imageSub-project-last {width: 100%; margin-right: 0; float: right;}
}

img.wp-post-image, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail {
display: block;
margin: auto;
width: auto;
}

/* = Blog Additions
-------------------------------------------------------------- */
.blog-third {
	width: 31.914893617021%;
	display: inline;
	margin-right: 2.127659574468%;
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.blog-third img {
	width: 100%;
	height: auto;	
}

.blog-two-thirds {
	width: 65.95744681%;
	float: right;
	margin-bottom: 2.127659574468%;	
}

.blog-two-thirds h2 {
	margin-bottom: 0;
}

h2.blog-title {
	margin-top: -55px;	
	color: #FFFFFF;
	font-size: 3em;
	padding: 0 20px 0 20px;
	text-shadow: 0px 0px 5px #2E2E2E;
	position: relative;
    top: 0;
    left: 0;
    z-index: 100;
}

#respond {
	width: 50%;
	float: left;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0px !important;
	border-radius: 0 !important;
	clear: both !important;
	filter: none !important;
	margin-top: 0 !important;
	padding: 0 !important;
}

@media (max-width: 980px) {
	h2.blog-title {
	margin-top: 20px;	
	color: #2e2e2e;
	font-size: 2em;
	padding: 0;
	text-shadow: none;
	}
}


@media (max-width: 650px) {
	.blog-third {
	width: 100%;
	margin-right: 0;
	}
	
	.blog-two-thirds {
	width: 100%;
	float: right;
	margin-bottom: 20px;
	border-bottom: 1px solid #505050;	
    }
	
	.blog-page {
	margin-top: 20px !important;
	}
	
	h2.blog-title {
	margin-top: 20px;	
	color: #2e2e2e;
	font-size: 2em;
	padding: 0;
	text-shadow: none;
	}
	
	#respond {
	width: 100%;
	}
}

/* = Framing Additions
-------------------------------------------------------------- */

.framing{
 	width: 23.404255319149%;
  	float: left;
  	margin: 0 2.127659574468% 20px 0;
  	font: 10pt normal Helvetica, sans-serif;
  	color: #000;
}
.flast{
  	width: 23.404255319149%;
  	float: right !important;
  	margin: 0 0 20px 0;
}
.framing img{
 	width: 100%;
  	height: auto;
	margin-bottom: 5px;
}
@media (max-width: 650px) {
.framing{
 	width: 100%;
  	float: left;
  	margin: 0 0 20px 0;
}
.flast{
  	width: 100%;
  	float: right !important;
  	margin: 0 0 20px 0;
}
}
.framing-caption {   
    width: 100%;
    text-align: left;
    color: #000;
}

/* = Artwork Additions
-------------------------------------------------------------- */

.artwork{
 	width: 14.893617021277%;
  	float: left;
  	margin: 0 2.127659574468% 20px 0;
}

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

.alast{
  	width: 14.893617021277%;
  	float: right !important;
  	margin: 0 0 20px 0;
}

/* 
.artworks-computer {display: block;}
.artworks-device {display: none;}

.artworks-computer:after {
  content: "";
  display: table;
  clear: both;
}


@media (max-width: 650px) {
	.artworks-computer {display: none !important;}
	.artworks-device {display: block !important;}

	.artwork {	
		width: 31.914893617021%;
		margin: 0 2.127659574468% 20px 0;
		float: left;
	}
	.alast{
  	width: 31.914893617021%;
  	float: right !important;
  	margin: 0 0 20px 0;
	}
} */

/* = Contact Page
-------------------------------------------------------------- */

.contact-details {
  width: 30%;
  float: left;
  margin-right: 2%;
  padding-left: 2%;
  /* border-left: solid 1px #333333; */
  background-color: #eaeaea;
  height:350px;
}

.contact-image {
  width: 32%;
  margin-right: 2%;
  float: left;
}

.contact-image img{
  width: 100%;
  height: auto;	
}

/*     */

.contact-form {
  width: 31.914893617021%;
  float: right;
  font-size: 11px;
  margin-top: -20px;
}

.wpcf7-form {
  margin-bottom: 0px;	
}

.contact-form input[type="text"]
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
}

.contact-form input[type="email"]
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
}

.contact-form textarea
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
}

.contact-form input[type="submit"]
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
background-image: none;
text-shadow: none;
}


/* = Subscribe Page
-------------------------------------------------------------- */

.signup-image {
  width: 32%;
  margin-right: 2%;
  float: left;
}

.signup-image img{
  width: 100%;
  height: auto;
}

.signup-text {
  width: 28%;
  float: left;
  margin-right: 2%;
  /* padding-left: 20px;
  border-left: solid 1px #333333; */
  padding: 20px 2%;
  background-color: #eaeaea;
  margin-top: 5px;
  height:370px;
  text-align: center;
}

/*     */

.signup {
  width: 31.914893617021%;
  float: right;
  font-size: 11px;
}

@media (max-width: 850px) {
.signup-text {height: 301px;}
}

@media (max-width: 750px) {
.signup-text {height: 259px;}
}

@media (max-width: 650px) {
.signup-image {display: none;}
.signup-text {width: 96%; height: auto;}
.signup {width: 100%; margin-right: 0; float: right;}
}

/* = Page Sidebar
-------------------------------------------------------------- */

.widget-wrapper {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: none !important;
  border: none;
  border-radius: 0;
  margin: 0 0 20px;
  padding: 0;
}

#widgets {
  margin-top: 20px;
}

.imageSub { position: relative; width: 100%; float: left; margin-right: 0; margin-bottom: 20px;}
.imageSub-last {width: 100%; margin-right: 0; float: left;}
.imageSub img { z-index: 1; width: 100% !important;}
.imageSub div {
   position: absolute;
   bottom: -1px;
   left: 0%;
   right: 0%;
   padding: 10px 0 0 10px;
   height: 25px;
   line-height: 10px;
   overflow: hidden;
}
.imageSub .blackbg {
    z-index: 2;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.imageSub .label {
    z-index: 3;
    font: 10pt normal Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 980px) {
.imageSub {width: 49%; margin-right: 2%; float: left;}
.imageSub-last {width: 49%; margin-right: 0; float: right;}
}

@media (max-width: 600px) {
.imageSub {width: 100%; margin-right: 0; float: left;}
.imageSub-last {width: 100%; margin-right: 0; float: right;}
}

/* = Artworks Page
-------------------------------------------------------------- */

.artwork-detail {
  float: left;
  margin-right: 2.127659574468%;
}

.artwork-detail img{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.artwork-landscape {
  width: 65.957446808511%;
}

.artwork-portrait {
  width: 40.425531914894%;
}

.artwork-contact-portrait {
  width: 57.446808510638%;
  float: left;
  /* font-size: 11px; */
}

.artwork-contact-landscape {
  width: 31.914893617021%;
  float: left;
  /* font-size: 11px; */
}

.artwork-contact-form {
  width: 31.914893617021%;
  float: left;
  /* font-size: 11px; */
}

.artwork-title{
  /* font-size: 14px; */
}

.artwork-contact-form input[type="text"]
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
}

.artwork-contact-form input[type="email"]
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
}

.artwork-contact-form textarea
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
}

.artwork-contact-form input[type="submit"]
{
width:100%;
border: none; 
margin-bottom:10px;
background-color: #cdcdcd;
border-radius: 0;
-webkit-border-radius: 0;
background-image: none;
text-shadow: none;
}

@media (max-width: 980px) {
.artwork-landscape {
  width: 100%;
}

.artwork-portrait {
  width: 100%;
}

.artwork-contact-form {
  width: 100%;
  float: right;
  font-size: 11px;
}
}


/* Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {}

    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
    .hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }
    
}

@media screen and (max-width: 650px) {

    body {}

    .logo {
	width:60%;
	text-align: center;
	margin: 20px auto 20px auto;
	float: none;
    }

    #content-full {
  	margin-top: 20px;
 
    }
    
    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	
    .js .main-nav {
	color: #777777;
	background-color: #e0e0e0;
	background-image: none;
	margin: 0 auto;
	clear: both;
	}

    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav {
        display: block;
    }
    
    .sb-holder {
        display: block;
    }
    
    #author-meta {
        padding: 20px;
    }
    
    .hide-650 {
        display: none;
    }
    
    .show-650 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
	    text-align: center;
    }

/* = Contact Page
-------------------------------------------------------------- */

.contact-details {
  width: 100%;
  float: left;
  margin-right: 0;
  background-color: #eaeaea;
  margin-top: 20px;
  height:auto;
  text-align: center;
}

.contact-image {
  display: none;
}

/*     */

.contact-form {
  width: 100%;
  float: right;
  font-size: 11px;
  margin-top: 20px;
}
}

@media screen and (max-width: 480px) {

    body {}


    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .featured-subtitle {
        font-size: 24px;
    }
    
    .navigation .next,
    .navigation .previous {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    .hide-480 {
        display: none;
    }
    
    .show-480 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 320px) {
    
    body {}
	
	#featured p {
	    font-size: 12px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }

    .hide-320 {
        display: none;
    }
    
    .show-320 {
        display: block;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: left;
    }
    
    .hide-240 {
        display: none;
    }
    
    .show-240 {
        display: block;
    }
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/