/*** Reset ***/

@import url('https://fonts.cdnfonts.com/css/soleil');

 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
     background: transparent;
     border: none;
     font-size: 100%;
     margin: 0;
     outline: 0;
     padding: 0;
     vertical-align: baseline;
     text-decoration: none;
}
 ol,ul {
     list-style: none;
}
 blockquote,q {
     quotes: none;
}
 blockquote:before,blockquote:after,q:before,q:after {
     content: '';
     content: none;
}
 :focus {
     outline: 0;
}
 img {
     vertical-align: bottom;
     max-width: 100%;
     height: auto;
     width: auto\9;
    /* ie8 */
}
 ins {
     text-decoration: none;
}
 del {
     text-decoration: line-through;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 * {
     padding: 0 0 0 0;
     margin: 0 0 0 0;
}
 html, body {
     height: 100%;
}
/*** General ***/

 * {
	 margin: 0;
	 padding: 0;
}
 html,code {
	 font: 15px/22px arial,sans-serif;
}
 html {
	 background: #fff;
	 color: #222;
	 padding: 15px;
}
 p {
	 margin: 22px 0 0;
	 overflow: hidden;
}
 ins {
	 text-decoration: none;
}
 ins {
	 color: #777;
}

 body {
     background: #fff;
     color: #777;
     font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
     font-size: 14px;
     max-width: 1220px;
}
 h1,h2,h3,h4,h5,h6 {
     font-weight: normal;
     margin-bottom: 5px;
}
 p {
     margin: 0 0 10px 0;
}
 element {
     cursor: pointer;
}
 a:hover {
     color: #000;
}
 hr {
     border: 0;
     height: 0;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
     margin-bottom: 20px;
}
.page-head {
	font-family:'Soleil','Source Sans Pro';
	font-size:27px;
	line-height:200%;
	font-weight:300;
	margin-bottom:15px;
}
.page-list {
	margin-left:20px;
	margin-bottom:14px;
	font-family:'Source Sans Pro';
	font-size:14px;
	font-weight:400;
}
.page-list2 {
	margin-left:30px;
	margin-bottom:12px;
	font-family:'Source Sans Pro';
	font-size:15px;
	font-weight:400;
}
.middot {
	font-family:arial,'Source Sans Pro';
	font-size:26px;
	line-height:20px;
	vertical-align:middle;
}
a.page-link {
	color:#777;
}
a.page-link:hover {
	color:#333;
}	



/*** Text Wrap Around Images ***/
 .alignnone {
     margin: 0;
}
 .aligncenter, div.aligncenter {
     display: block;
     margin: 5px auto 5px auto;
}
 .alignright, a img.alignright {
     float: right;
     margin: 5px 0 4px 12px;
}
 .alignleft, a img.alignleft {
     float: left;
     margin: 5px 12px 4px 0;
}
 .aligncenter, a img.aligncenter {
     display: block;
     margin: 4px auto 4px auto;
}
 a img.alignnone {
     margin: 5px 12px 4px 0;
}
/*** CSS IDs ***/
 .responsive {
     display: none;
}
 #wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -40px;
}
 #push {
     clear: both;
     height: 100px;
}
 .home #push, .page-template-page-portfolio-php #push {
     height: inherit;
}
 #canvass {
     padding: 40px;
     position: relative;
}
 #top {
     position: absolute;
     top: 40px;
     left: 40px;
     width: 150px;
}
 #logo {
     margin: 0 0 25px 0;
}
 #logo h1 {
     margin: 0;
}
 #logo h1 a.logo {
     display: block;
}
 #pagenav {
}
 #pagenav ul li {
     display: block;
     margin: 0 0 5px 0;
}
 #pagenav ul li a {
     display: block;
     font-size: 14px;
     color: #777;
}
 #pagenav ul li > a:hover, #pagenav ul li.current_page_item > a, #pagenav ul li.current-menu-parent > a, #pagenav ul li.current-menu-ancestor > a {
     color: #000;
}
 #pagenav ul li ul {
     margin: 10px 0 10px 0;
     display: none;
}
 #pagenav ul li.current_page_item ul, #pagenav ul li.current-menu-parent ul, #pagenav ul li.current-menu-ancestor ul {
     display: block;
}
 #pagenav ul li.current-menu-parent ul li ul {
     display: none;
}
 #pagenav ul li ul li a, #pagenav ul li ul li a:hover, #pagenav ul li ul li.current_page_item a {
     font-size: 12px;
     color: #a6a6a6;
     margin: 0 0 0 10px;
}
 #pagenav ul li ul li ul li a, #pagenav ul li ul li ul li a:hover, #pagenav ul li ul li ul li.current_page_item a {
     margin: 0 0 0 20px;
}
 #pagenav ul li ul li a:hover, #pagenav ul li ul li.current_page_item a {
     text-decoration: none;
}
 #mobile-nav {
     display: none;
     background: #000;
     padding: 2%;
}
 #linken {
     color: #fff;
     font-size: 18px;
     display: block;
     font-weight: 700;
     text-transform: none;
}
 #linken:hover {
     color: #fff;
}
 #main-mobile {
     display: none;
     padding: 15px 0 0 0;
}
 #main-mobile ul li {
     display: block;
     margin: 7px 0 7px 0;
}
 #main-mobile ul li a {
     display: block;
     font-size: 20px;
     color: #e1e1e1;
}
 #main-mobile ul li:hover a {
     color: #fff;
}
 #main-mobile ul li ul {
     margin: 0 0 0 15px;
}
 #main-mobile ul li ul li a {
     font-size: 15px;
}
 #main-mobile ul li:hover ul li a {
     color: #e1e1e1;
}
 #main-mobile ul li:hover ul li:hover a {
     color: #fff;
}
 #content-area {
     width: auto;
     margin: 0 292px 0 190px;
}
 #content-area.fullwidth {
     margin: 0 0 0 190px;
}
 .home #content-area, .page-template-page-portfolio-php #content-area {
     margin: 0 0 0 190px;
}
 #content-area .content {
     width: 100%;
     float: left;
     font-size: 14px;
     color: #777777;
     line-height: 23px;
     //margin-bottom: 176px;
}
 #content-area .content.contentfull {
     width: inherit;
     float: none;
}
 #content-area .content h1.page-title {
     color: #000000;
     font-size: 26px;
     line-height: 20px;
     margin-bottom: 30px;
     letter-spacing: -0.5px;
}
 #content-area .content h1.post-title a {
     color: #000000;
     font-size: 26px;
     line-height: 20px;
     margin-bottom: 18px;
     text-decoration: none;
}
 #content-area .content .entry {
     margin-top: 70px;
     clear: both;
}
 #content-area .content .entry:first-child {
     margin-top: 0;
}
 #content-area .content .entry .date-meta {
     font-size: 12px;
     color: #000;
     margin-bottom: 14px;
}
 #content-area .content .entry .date-meta a {
     color: #777777;
}
 #content-area .content .entry a.read-more, #content-area .content .entry p a {
     color: #6d5f4d;
}
 #content-area .content .entry h2 {
     font-size: 24px;
     margin: 25px 0;
     color: #000;
}
 #content-area .content .entry h3 {
     font-size: 19px;
     margin: 25px 0;
     color: #000;
}
 #content-area .content .entry h4 {
     font-size: 16px;
     margin: 25px 0;
     color: #000;
}
 #content-area .content img {
     margin-bottom: 22px;
     display: block;
     width: auto !important;
}
 .wp-caption {
     max-width: 100%;
}
 #content-area .content ul{
     list-style: circle;
     margin-left: 40px;
}
 #content-area .content li{
     margin-bottom: 10px;
}
 #content-area .content p{
     line-height:1.6em;
     margin-bottom:22px;
}
 #content-area .content .caption {
     font-family: Georgia, Times, "Times New Roman", serif;
     font-size: 14px;
     margin: 20px 20px;
     text-align: center;
}
 #content-area .content .caption {
     border-bottom: 1px solid #BDBDBD;
     width: 50%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 25px;
}
 #content-area .content blockquote, #content-area .content address {
     border-left: 5px solid #6d5f4d;
     color: #6A6A6A;
     font-family: Georgia,Times,"Times New Roman",serif;
     font-size: 1.1em;
     margin: 0 0 30px;
     padding: 0 25px;
}
 #content-area .content code {
     font-family: "Courier New", Courier, serif;
     overflow: auto;
     padding: 2px;
     background: #fff;
}
 #content-area .content pre code {
     background: none;
}
 #content-area .content pre {
     margin: 0 0 20px;
     padding: 10px;
     background: #fff;
     overflow: auto;
     border: 1px solid #e4e4e4;
}
 #content-area .sidebar {
     width: 260px;
     top: 40px;
     position: absolute;
     right: 40px;
}
 #content-area .sidebar .widget {
     border-top: 1px solid #bdbdbd;
     padding-top: 30px;
     margin-bottom: 30px;
}
 #content-area .sidebar .widget:first-child {
     border-top: 0;
     padding-top: 0;
}
 #content-area .sidebar h3.widget-title {
     font-size: 22px;
     color: #000;
     margin-bottom: 32px;
     margin-top: 11px;
     line-height: 18px;
}
 #gallery-wrap {
     position: relative;
}
 #gallery-wrap.show-thumbs #gallery-start, #gallery-wrap.show-thumbs .slide-overlays, #gallery-wrap.show-thumbs #slide-controls {
     display: none;
}
 #gallery-wrap #slide-thumbs {
     display: none;
}
 #gallery-wrap.show-thumbs #slide-thumbs {
     display: block;
}
 #gallery-wrap.show-thumbs #slide-thumbs .thumb-wrapper {
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
}
 #gallery-start .caption {
     position: absolute;
     left: -190px;
     top: 230px;
     width: 180px;
     padding-top: 55px;
     text-align: left;
}
 #gallery-start .caption h2 {
     font-size: 18px;
     color: #000;
}
 #gallery-start .caption p {
     font-size: 12px;
     color: #000;
}
 #gallery-start .gallery-photo {
     width: 100%;
     text-align: center;
     display: none;
}
 #slide-controls {
     position: absolute;
     bottom: 82px;
     left: -190px;
     display: none;
}
 #slide-controls a {
     font-size: 11px;
     color: #777777;
     text-transform: uppercase;
}
 #slide-controls span {
     font-size: 10px;
     color: #000;
}
 #slide-controls a.prev, #slide-controls a.next {
     color: #000;
}
 #slide-controls a.disable {
     color: #777777;
}
 #slide-controls .show-thumbnails {
     display: block;
     margin-top: 10px;
}
 #slide-thumbs img {
     cursor: pointer;
     vertical-align: top;
     float: left;
     -webkit-transition: opacity .2s;
     -moz-transition: opacity .2s;
     -o-transition: opacity .2s;
     transition: opacity .2s;
     opacity: 1;
     border: 5px solid #fff;
     background-color: none;
}
 #slide-thumbs img:hover {
     opacity: 0.8 !important;
}
 #footerwrap {
     position: fixed;
     background: #000;
     color: #fff;
     height: 40px;
     width: 100%;
     bottom: 0;
     left: 0;
     z-index: 999999;
}
 #footer {
     padding: 0 40px;
}
 #copy {
     margin: 12px 0 0 0;
     font-size: 13px;
}
 #socials {
     margin: 13px 0 0 0;
}
 #socialnav ul li {
     display: block;
     float: left;
     margin: 0 0 0 6px;
}
 #socialnav ul li a {
     display: block;
     color: #fff;
     font-size: 15px;
}
 #socialnav ul li a:hover {
     -webkit-opacity: 0.8;
     -moz-opacity: 0.8;
     -ms-opacity: 0.8;
     -o-opacity: 0.8;
     opacity: 0.8;
}
/*** CSS Classes ***/
 * html .clearfix {
     height: 1%;
}
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: ".";
     clear: both;
     height: 0;
}
 .clear {
     clear: both;
}
 .fl {
     float: left;
}
 .fr {
     float: right;
}
 .txt-left {
     text-align: left;
}
 .txt-right {
     text-align: right;
}
 .txt-center {
     text-align: center;
}
 .container {
     margin: 0 auto;
     width: 1000px;
}
 .comment-area {
}
 .hidden {
     display: none;
}
/* Image Alignment */
 img.alignright {
     float: right;
     margin: 0 0 0 1em;
}
 img.alignleft {
     float: left;
     margin: 0 1em 0 0;
}
 img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 a img.alignright {
     float: right;
     margin: 0 0 0 1em;
}
 a img.alignleft {
     float: left;
     margin: 0 1em 0 0;
}
 a img.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
/*
 @font-face {
     font-family: 'social';
     src:url('fonts/social.eot');
     src:url('fonts/social.eot?#iefix') format('embedded-opentype'), url('fonts/social.woff') format('woff'), url('fonts/social.ttf') format('truetype'), url('fonts/social.svg#social') format('svg');
     font-weight: normal;
     font-style: normal;
}*/
 @font-face {
     font-family: 'cursor';
     src:url('fonts/cursor.eot');
     src:url('fonts/cursor.eot?#iefix') format('embedded-opentype'), url('fonts/cursor.ttf') format('truetype'), url('fonts/cursor.woff') format('woff'), url('fonts/cursor.svg#cursor') format('svg');
     font-weight: normal;
     font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
     font-family: 'cursor';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
    /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .icon-arrow-right:before {
     content: "\e3b1";
}
 .icon-arrow-left:before {
     content: "\e3b3";
}
 .icon-grid:before {
     content: "\e2a2";
}
 [data-icon]:before {
     font-family: 'social';
     content: attr(data-icon);
     speak: none;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
}
     .icon-twitter, .icon-facebook, .icon-google-plus, .icon-linkedin, .icon-feed, .icon-tumblr, .icon-vimeo2, .icon-flickr, .icon-instagram, .icon-pinterest, .icon-youtube, .icon-menu, .icon-plus, .icon-minus {
         font-family: 'social';
         speak: none;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         text-transform: none;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
    }
     .icon-twitter:before {
         content: "\e000";
    }
     .icon-facebook:before {
         content: "\e001";
    }
     .icon-google-plus:before {
         content: "\e002";
    }
     .icon-linkedin:before {
         content: "\e003";
    }
     .icon-feed:before {
         content: "\e004";
    }
     .icon-tumblr:before {
         content: "\e005";
    }
     .icon-vimeo2:before {
         content: "\e007";
    }
     .icon-flickr:before {
         content: "\e008";
    }
     .icon-instagram:before {
         content: "\e009";
    }
     .icon-pinterest:before {
         content: "\e006";
    }
     .icon-youtube:before {
         content: "\e00c";
    }
     .icon-menu:before {
         content: "\e00d";
    }
     .icon-plus:before {
         content: "\e00e";
    }
     .icon-minus:before {
         content: "\e00f";
    }
     .entry-comments h2 {
         font-size: 18px;
         color: #000;
         margin-bottom: 20px;
    }
     .slide-overlays {
         height: 100%;
         width: 100%;
         position: absolute;
         top: 0;
         left: 0;
    }
     .slide-overlays .next, .slide-overlays .prev {
         width: 40%;
    }
     .slide-overlays .next {
         left: 60%;
    }
     .slide-overlays .prev {
         left: 0;
    }
     .slide-overlays .show-thumbnails {
         width: 20%;
         left: 40%;
    }
     .slide-overlays .next, .slide-overlays .prev, .slide-overlays .show-thumbnails {
         height: 100%;
         display: block;
         position: absolute;
         z-index: 9999;
         background: url(images/blank.gif) top left;
         cursor: pointer;
    }
     .slide-overlays #cursor {
         position: absolute;
         z-index: 9998;
         font-family: 'cursor';
         speak: none;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         text-transform: none;
         line-height: 1;
        /* Better Font Rendering =========== */
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         font-size: 48px;
         color: #000000;
         opacity: 0.4;
    }
     .slide-overlays .icon-thumb:before {
       //  content: '\e2a2';
    }
     .slide-overlays .icon-next:before {
       //  content: '\e3b1';
    }
     .slide-overlays .icon-prev:before {
     //    content: '\e3b3';
    }
     .am-wrapper {
         float: left;
         position: relative;
         overflow: hidden;
    }
     .am-wrapper img {
         position: absolute;
         outline: none;
    }
     .gallery-photo img {
         vertical-align: middle;
    }
     .thumb-wrapper {
         background-color: #AFAFAF;
    }
     .widget-search #s {
         border: 1px solid #DFDFDF;
         color: #777777;
         font-size: 12px;
         line-height: 30px;
         height: 30px;
         padding: 0 10px;
         width: 238px;
    }
   
    /* Pagination */
     .pagination{
         margin-top: 100px;
    }
     .pagination .prev{
         float:left;
    }
     .pagination .next{
         float:right;
    }
    /* General Form Styles */
     .entry-comments input[type=text], .entry-comments textarea {
         border: 1px solid #DFDFDF;
         padding: 5px;
         margin-bottom: 5px;
    }
     .entry-comments input[type=submit] {
         padding: 10px 20px;
    }
     input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea, input[type="password"] {
         border: 1px solid #DFDFDF;
         background: none repeat scroll 0 0 #FFFFFF;
         font-size: 15px;
         padding: 10px 12px;
    }
     input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus, input[type="password"]:focus {
         outline: medium none;
    }
     input[type="radio"] {
         cursor: pointer;
         margin-left: 1px;
    }
     input[type="radio"] + label {
         color: #928781;
         cursor: pointer;
         display: inline;
         font-weight: normal;
         margin-left: 5px;
    }
     input[type="submit"] {
         background-color: #FFCC33;
         background-position: 80% center;
         background-repeat: no-repeat;
         border: medium none;
         color: #202020;
         cursor: pointer;
         font-family: 'Helvetica Neue',Arial,sans-serif;
         font-size: 1em;
         font-style: normal;
         font-weight: 700;
         padding: 5px 15px 5px 15px;
    }
     input[type="submit"]:hover {
         opacity: 0.8;
    }
   
    /* Miscellaneous Styles */
     #logo a img {
         max-width: 150px;
         height: auto;
    }
     .responsive .gallery-photo img {
         background-color: #DBDBDB;
    }
     .loading-status {
         display: none;
         position: absolute;
         top: 50%;
        /* padding-left: 20px;
         */
         background: url('images/loading.gif') no-repeat scroll left center transparent;
         min-height: 24px;
         min-width: 24px;
    }
     .loading .loading-status {
         display: block;
    }
     .gallery-photo.loading {
         background: url('images/loading.gif') no-repeat scroll center center transparent;
    }
     #categories-2 > label{
        display:none
    }
     .zoom {
         display:inline-block;
         position: relative;
    }
    /* magnifying glass icon */
     .zoom:after {
         content:'';
         display:block;
         width:33px;
         height:33px;
         position:absolute;
         top:0;
         right:0;
         background:url(images/icon.png);
    }
     .zoom img {
         display: block;
    }
     .zoom img::selection {
         background-color: transparent;
    }
     .lazyload {
         opacity: 0;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
    }
     ._lazyloading {
         opacity: 1;
         background: transparent url("images/loader.gif") no-repeat center;
    }
     ._lazyloaded {
         opacity: 1;
    }
     .lazyload, .lazyloading {
         opacity: 0;
    }
     .lazyloading {
         background: transparent;
    }
     .lazyloaded {
         opacity: 1;
         -o-transition: opacity 300ms;
         -webkit-transition: opacity 300ms;
         transition: opacity 300ms;
    }
     .preloader {
         background: transparent;
         display: block;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 1;
    }
     img.lazyloading + .preloader {
         background: transparent url("images/loader.gif") no-repeat center;
    }
     .responsive .gallery-photo img.lazyloading + .preloader {
         background-color: #DBDBDB;
    }
     img.lazyloaded + .preloader {
         background: transparent;
         display: none;
         font-size: 0;
         height: 0;
         opacity: 0;
         visibility: hidden;
    }
     .gallery-img-wrap, .thumb-wrapper {
         position: relative;
    }
    /* Table of Contents ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */
    /* #Site Styles ================================================== */
    /* #Page Styles ================================================== */
    /* Layout Shortcodes */
     .full-width {
        width:960px;
         height:auto;
         overflow:hidden
    }
     .one_half {
         width: 48%;
    }
     .one_third {
         width: 30.66%;
    }
     .two_thirds {
         width: 65.33%;
    }
     .one_fourth {
         width: 22%;
    }
     .three_fourths {
         width: 74%;
    }
     .one_fifth {
         width: 16.8%;
    }
     .two_fifth {
         width: 37.6%;
    }
     .three_fifth {
         width: 58.4%;
    }
     .four_fifth {
         width: 67.2%;
    }
     .one_sixth {
         width: 13.33%;
    }
     .five_sixth {
         width: 82.67%;
    }
     .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
         position: relative;
         margin-right: 4%;
         margin-bottom: 20px;
         float: left;
    }
     .last {
        margin-right:0 !important;
    }
    /* #Media Queries ================================================== */
    /* iPad Portrait/Browser */
     @media (max-width: 800px) {
         .full-width, .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
            width: 100%;
        }
         .resize {
            display: none;
        }
    }
    /* Mobile Landscape/Browser */
     @media only screen and (min-width: 480px) and (max-width: 767px) {
    }
    /* Anything smaller than standard 960 */
     @media only screen and (max-width: 959px) {
    }
    /* iPad Portrait Only */
     @media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {
    }
    /* Mobile Only */
     @media only screen and (max-width: 767px) and (max-device-width: 1000px) {
    }
    /* Mobile Landscape Only */
     @media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
    }
    /************* Media Queries **************/
    /* for 800px or less */
     @media screen and (max-width: 800px) {
         #wrapper {
             margin: 0 auto 0px;
        }
         #canvass {
             padding: 0;
             min-width: 100%;
        }
         #top {
             position: inherit;
             top: inherit;
             left: inherit;
             width: auto;
        }
         #logo {
             margin: 25px 0 10px 0;
             padding: 2%;
        }
         #pagenav {
             display: none;
        }
         #mobile-nav {
             display: block;
        }
         #content-area, #content-area.fullwidth {
             margin: 0;
             padding: 0 2%;
        }
         .home #content-area, .page-template-page-portfolio-php #content-area {
             margin: 0;
        }
         #content-area .content {
             width: auto;
             float: none;
             margin: 0 0 20px 0;
        }
         #content-area .sidebar {
             float: none;
             width: auto;
             margin-left: 0;
             margin-top: 0;
             position: static;
        }
         #content-area .content img {
             width: 100%;
        }
         #gallery-start-mobile img {
             display: block;
             margin: 10px auto;
        }
         #gallery-start-mobile .caption {
             vertical-align: top;
             text-align: center;
             margin: 10px 0 30px 0;
        }
         #footerwrap {
             height: 70px;
             position: relative;
        }
         #copy, #socials {
             float: none;
             text-align: center;
        }
         #socialnav {
             float: none;
        }
         #socialnav {
             width: auto;
        }
         #socials ul li {
             float: none;
             display: inline-block;
             margin: 0 2px;
        }
         .responsive {
             display: block;
        }
         .responsive textarea {
             width: 96%;
        }
         .non-responsive {
             display: none;
        }
    }
     #logo h1 a.logo {
         color: #000000;
    }
     #content-area .content a, .content .entry a.read-more, #content-area .content .entry p a, .widget_categories a, .widget_pages a, .widget_archive a, .widget_meta a, .widget-nav-menu a, .widget_calendar a, .widget_links a, .widget_tag_cloud a, .widget_recent_comments a, .widget_recent_entries a, .widget_text a {
         color: #000000;
    }
     #content-area .content a:hover, .content .entry a.read-more, #content-area .content .entry p a:hover, .widget_categories a:hover, .widget_pages a:hover, .widget_archive a:hover, .widget_meta a:hover, .widget-nav-menu a:hover, .widget_calendar a:hover, .widget_links a:hover, .widget_tag_cloud a:hover, .widget_recent_comments a:hover, .widget_recent_entries a:hover, .widget_text a:hover {
         color: #7f7f7f;
    }
     #pagenav ul li a {
         color: #999999;
    }
     #pagenav ul li > a:hover, #pagenav ul li.current_page_item > a, #pagenav ul li.current-menu-parent > a, #pagenav ul li.current-menu-ancestor > a {
         color: #6d5f4d;
    }
     #pagenav ul li ul li a{
         color: #A6A6A6;
    }
     #pagenav ul li ul li a:hover, #pagenav ul li ul li ul li a:hover, #pagenav ul li ul li.current_page_item a, #pagenav ul li ul li ul li.current_page_item a {
         color: #6d5f4d;
    }
     #content-area .content h1.post-title, #content-area .content h1.page-title, #content-area .content h1.post-title a {
         color: #000000;
    }
     #content-area .content {
         color: #333333;
    }
     #content-area .sidebar h3.widget-title {
         color: #000000;
    }
     #content-area .sidebar .widget {
         color: #333333;
    }
     #gallery-start .caption h2, #gallery-start .caption p {
         color: #333333;
    }
     #socialnav ul li a {
         color: #000000;
    }
     #footer #copy {
         color: #bdbdbd;
    }
     #footerwrap {
         background: #FFFFFF;
    }
     #logo h1 a.logo {
         font-family: Arial;
    }
     #pagenav ul li a {
         font-family: 'Arial';
    }
     body {
         font-family: 'Arial';
    }
     #content-area .content h1.post-title, #content-area .content h1.page-title {
         font-family: 'Arial';
    }
     #content-area .sidebar h3.widget-title {
         font-family: 'Arial';
    }
     #content-area .sidebar .widget {
         font-family: 'Arial';
    }
     #gallery-start-mobile .caption, #gallery-start .caption h2, #gallery-start .caption p {
         font-family: 'Arial';
    }
     #footer #copy {
         font-family: 'Arial';
    }
     #logo h1 a.logo {
         font-size: 16px;
    }
     #pagenav ul li a {
         font-size: 18px;
    }
     #content-area .content h1.post-title a, #content-area .content h1.post-title, #content-area .content h1.page-title, #content-area .sidebar h3.widget-title {
         font-size: 26px;
    }
     #content-area .content {
         font-size: 15px;
    }
     #content-area .content p {
         line-height: 1.5em;
    }
     #content-area .sidebar .widget {
         font-size: 14px;
    }
     #content-area .sidebar .widget {
         line-height: 1.8em;
    }
	
	
    /* Google Fonts logo styling*/
     .projectLogo a {
         font-family: "Open Sans", arial, sans-serif;
         font-size: 32px;
         font-weight: 300;
         color: #63666a;
         line-height: 1.375;
         text-decoration: none;
    }
     .projectLogo img {
         margin: -1px 0 -4px;
         vertical-align: middle;
    }
     #pagenav ul li a {
         font-family: "soleil",sans-serif;
         font-style: normal;
         font-weight: 300;
         line-height: 1.2;
    }
    /* Pages */
     #content-area .content p {
         font-family: "proxima-nova",sans-serif;
         font-style: normal;
         font-weight: 400;
    }
     #content-area .content h1.post-title a, #content-area .content h1.post-title, #content-area .content h1.page-title, #content-area .sidebar h3.widget-title {
         font-family: "proxima-nova",sans-serif;
         font-style: normal;
         font-weight: 400;
    }
     h1 {
         color: #000000;
         font-family: "proxima-nova",sans-serif;
         font-size: 2em;
         font-style: normal;
         font-weight: 700;
         margin-bottom: 0.75em;
    }