
						
				.header, .su-button, .staff-wrapper, .post-link:hover, .wp-pagenavi span.current, .service-box i, input[type='submit'] {background-color:#37352e;}
		
		
		
						
				.project-info, .su-button:hover, .skillbar, .post-link, .wp-pagenavi a, .wp-pagenavi span, input[type='submit']:hover {background-color:#85b0a5;}
		
		
				.wp-pagenavi a:hover {color:#37352e;}
		
				a:hover {color:#85b0a5;}
		
		.su-button a:hover {color:#fff;}
		
		
		#footer-widget-area .wpfw_flickr_widget img, .person-title {border-color: #37352e;}
		.skillbar-wrapper {border:1px solid #85b0a5;}
		
		.banner-area {
			background: url(http://offtheground.org/wp-content/uploads/2014/04/otg_web_piano_02.jpg);
			min-height:520px;
			background-size: cover;
		}
		.banner-txt h1 {
			padding-top:18%;
		}
				
		body {
		font-family:Merriweather, sans-serif;font-weight:normal;letter-spacing:;text-transform:;color:#1b1a17;font-size:15px;		}
		
		input[type='submit']{
		font-family:Merriweather, sans-serif;
		}
		
		#primary-main-menu {
		font-family:Montserrat, sans-serif;font-weight:normal;letter-spacing:0.03em;text-transform:uppercase;		}
		
		.page-title h1 {
		font-family:, sans-serif;font-weight:;letter-spacing:;text-transform:;		}
		
		#default-widget-area .xoxo li .widget-title, #footer-widget-area .widget-area .widget-title {
		font-family:, sans-serif;font-weight:;letter-spacing:;text-transform:;		}
		
		h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2.post-title, .su-tabs .su-tabs-nav span, .su-tabs .pane-title, .su_au_name, .su-pricing-title, .su-pricing-value, .post_slider .info h2, .recent_post_widget_title, .tp-caption.worx_heading {
		font-family:Oswald, sans-serif;font-weight:normal;letter-spacing:0.07em;text-transform:capitalize;		}
		
		.custom-font{
		font-family:, sans-serif;font-weight:;letter-spacing:;text-transform:;		}
		
		.footer-block {background:#1b1a17;}
				
		h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .su-service-title, .su_au_name, .heading-wrapper h6, .su-spoiler-title {color:#37352e;}
		
		h1{font-size:72px;}
		h2{font-size:62px;}
		h3{font-size:50px;}
		h4{font-size:34px;}
		h5{font-size:22px;}
		h6{font-size:10px;}

		#primary-main-menu{font-size:14px;}
		#primary-main-menu li{padding-bottom:20px;}
		#primary-main-menu > li.current-menu-ancestor,  #primary-main-menu > li.current_page_parent {padding-bottom:20px;}		#primary-main-menu li a{color:#898475;}
		#primary-main-menu li.current-menu-item a{color:#85b0a5;}
		#primary-main-menu li a:hover{color:#85b0a5;}
		#primary-main-menu li ul{background:#37352e;}
		#primary-main-menu li ul li a:hover{background:#85b0a5;}
		#primary-main-menu li ul li a, .service-box i {color:#898475 !important;}
		
		ul.social-media li {font-size:;}
		.social-media-section {background-color:#85b0a5;}
		
						
				/* FONTS FOR h1-6 */
h1,h2,h3,h4,h5,h6 { 
font-family: "langdonregular", Oswald, sans-serif; 
}

/* h1 FIXES */
.heading-wrapper strong {
line-height: 1em;
}

/* h2 FIXES */
h2 { text-transform: lowercase; font-size: 68px !important; }

/* h3 FIXES */
h3 { text-transform: uppercase; }

div.heading-wrapper {
position: relative;
display: block;
margin-bottom: 30px;
padding-top: 20px;
padding-bottom: 30px;
}

/* NAV BAR LOGO */
body > div.header > div > div > div.logo.span6 { 
margin-top:-35px;
margin-bottom: 10px;
padding: 5px 0px 10px 20px;
height: 110px; 
}

body > div.banner-area > div > h1 > img {
margin-top: -5%;
}

/* ADJUST MENU ITEMS FOR LOGO */
body > div.header > div > div > div.span6.text-right.pull-right.nav {
margin-top: -70px;
}


/* BANNER AREA H1 */
body > div.banner-area > div > h1 { text-transform:uppercase; }
.banner-txt img{ box-shadow:0 5px 15px rgba(0,0,0,.5); }

/* CONTACT LABELS */
#wpcf7-f4410-p4381-o1 > form > p:nth-child(2),p:nth-child(3),p:nth-child(4) {
font-family: "langdonregular", Oswald, sans-serif;
text-transform: uppercase;
color: #837979;
font-size: 17px;
font-weight: 500;
}

/* PROJECTS */
.project-list li {
box-shadow: 0px 3px 10px rgba(27, 26, 23, 0.75);
margin: 0px 10px 14px 0px
}

#post-4381 > div > div > div > div.container > div > ul > li {
margin-left: auto;
}

div#post-4381 div.container div.row {
    margin-left: 0;
}

.portfolio .span6 img {
    width: 100%;
}

a.su-button {
    padding: 1em 4em;
    width: 130px;
    margin-top: 7px;
    background-color: #FF7050;
    font-size: 16px;
    font-family: Montserrat;
    text-transform: uppercase;
}

div.itunes.button-wrapper a.su-button {
    background-color: #00A8CE;
}

div.amazon.button-wrapper a.su-button {
    background-color: #f89406;
}

div.google.button-wrapper a.su-button {
    background-color: #E85108;
}

/* SUBMIT BUTTON */
.wpcf7 input[type='submit'] {
width: auto;
height: 45px;
cursor: pointer;
}

input[type='submit'] {
font-family: Montserrat, sans-serif;
font-weight: 500;
}

/* FOOTER */
body > div.footer-block {
background: #37352e
}

body > div.footer-block > div > div > p {
color:#6f685c
}

/* BANNER TEXT */
body > div.banner-area > div {
margin:0 15%;
}

/* PROJECTS CENTERED */
#post-4381 > div > div:nth-child(2) > div > div.container > div > ul > li {
float: center;
}

/* RESPONSIVE MENU FIXES*/
.header{ padding-top:20px; }
.nav{ margin-left:20px; }
.nav ul{ padding-top:0; }

@media (min-width:767px){
#primary-main-menu li, #primary-main-menu > li.current-menu-item{ clear:both; padding-bottom:0; }
}

@media (min-width:980px){
#primary-main-menu li, #primary-main-menu > li.current-menu-item{ padding-bottom:8px; }
.banner-txt h1{ padding-top:11%!important; }
}

@media (min-width:1200px){
#primary-main-menu li, #primary-main-menu > li.current-menu-item{ padding-bottom:18px; }
}

@media (max-width:360px){
#primary-main-menu{ padding-left:12px; padding-right:12px; }
.nav ul li a{ font-size:10px; }
.banner-txt h1{ padding-top:30%!important; }
}
.portfolio .span6 h3 {
    padding-top: .5em;
    font-size: 2.2em;
}

@media (max-width:460px){
body > div.banner-area > div.banner-txt{ margin:0 13%!important; }
}

@media (max-width:767px){
#primary-main-menu li, #primary-main-menu > li.current-menu-item{ padding-bottom:0; }
body > div.banner-area > div.banner-txt{ margin:0 25%; }
div#post-4381 div.container div.row { margin-left: auto; margin-right: auto;}
}

