/*
 Theme Name:   Your Web Layout Child
 Theme URI:    http://inmotionwebdesigns.com
 Description:  Your Web Layout Child Theme
 Author:       Design Services
 Author URI:   http://yourweblayout.com
 Template:     yourweblayout
 Version:      1.3.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yourweblayout-child

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Contentog
	3.6 Sidebar
	3.7 Footer
	3.8 Custom
	3.9 WooCommerce
	3.9.5 Blog

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http: //getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970 !important;
}*/


@media (min-width: 576px) {

}

@media (min-width: 768px) {
	.container {
		width: 700px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}


/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

figcaption {
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 5px;
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/
/* this removes the anchor tags around images and text when printing a webpage */
@media print {
	a[href]:after {
		content: "";
	}
}

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
body {
	color: #2f2e2e;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 25px;
	min-width: 300px;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}

h1,
.h1,
h2,
h3,
h4 {
	color: #2f2e2e;
}

h1,
.h1,
h2, 
h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

h1 {
	font-size: 30px;
	line-height: 39px;
}

h2 {
	font-size: 26px;
	line-height: 34px;
}

h3 {
	font-size: 22px;
	line-height: 30px;
}

h4 {
	font-size: 20px;
	line-height: 26px;
}

p {
	margin-bottom: 20px;
}

a,
a:hover, 
a:visited,
a:focus {
	color: #2f2e2e;	
}

/*this hides the dotted border that appears on menu items when active */
a:focus {
	outline: none;
}

.btn-primary,
.btn-primary:visited {
	background: transparent;
	border: 3px solid #fff;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
	padding: 12px 45px;
	transition: all .5s;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #2f2e2e;
	border: 3px solid #2f2e2e;
	color: #fff;
	text-decoration: none;
}

.btn-secondary,
.btn-secondary:visited {
	background: #2f2e2e;
	border: 3px solid #2f2e2e;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
	padding: 12px 45px;
	transition: all .5s;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: #2f2e2e;
	border: 3px solid #fff;
	color: #fff;
	text-decoration: none;
}

ul {
	padding-left: 20px;
}

/* xs */
@media (min-width: 576px) {
	body { 
		overflow-x: inherit;
	}
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background-attachment: fixed;
	background-image: url("images/bridge_with_cables_sepia.jpg");
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 100% auto;
}

.site-header {
	width: 100%;
	z-index: 20;
}

.site-header,
#site-navigation,
.navbar-default,
.site-footer,
.attribution {
	background: #2f2e2e;
} 

.site-content,
.site-content > .container {
	background: transparent;
}

.attribution {
	padding: 10px 0;
}

/* sm */
@media (min-width: 768px) {
	body {
		background-position: center 60px;
	}
	
	.site-header {
		position: fixed;
	}
}


/* md */
@media (min-width: 992px) {
	body {
		background-position: center center;
	}
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}

/*------------------------------------------------------------
Scroll Header
-------------------------------------------------------------*/
.scroll-header {
	background: #2f2e2e;
}

/* Hides Hamburger menu on scroll on phone view */
.scroll-header #site-navigation-scroll {
	background: transparent;
	display: none;
}

/* keeps styling on top button after it's clicked on */
.scroll-header {
	top: 0;
	/*display: none;*/
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 1;
}

/* sm */
@media (min-width: 768px) {
	.admin-bar .scroll-header {
		top: 32px;
	}
	
	/* need this to display the menu on scroll if hid it on phone view above */
	.scroll-header #site-navigation-scroll {
		display: block;
	}

}

/* md */
@media (min-width: 992px) {
	.admin-bar .scroll-header {
		top: 32px;
	}
}


/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 30px;
}

.navbar-default .navbar-nav {
	margin: 0;
	padding-left: 0;
	transition: color .5s;/* for background hover animation */
}

.navbar-default .navbar-nav > li {
	margin: 7px 0;
}


.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
	padding: 10px 0;
	position: relative;/* for background hover animation */
	text-transform: uppercase;
}

/*.navbar-default .navbar-nav > li { for background hover animation 
	position: relative;
	display: block;
	padding: 10px 15px;
	 -webkit-transition: color .5s;
          transition: color .5s;
}*/

/*.navbar-default .navbar-nav > li:before { for background hover animation 
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #0b2043;
	-webkit-transform:scaleX(0);
      -ms-transform:scaleX(0);
          transform:scaleX(0);
	-webkit-transition: -webkit-transform .5s;
          transition:         transform .5s;
}*/


/*.navbar-default .navbar-nav li:hover a { for background hover animation if needed 
	color: #fff;
}*/

/*.navbar-default .navbar-nav > li:hover:before { for background hover animation 
	-webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}*/
/* endbackground hover  animation */


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}

.navbar.navbar-nav .sub-arrow, 
.navbar.navbar-nav .collapsible .sub-arrow {
	margin-left: 1px;
}

/* sm */
@media (min-width: 768px) {
	#primary-navbar,
	#primary-navbar-scroll {
		padding-left: 0;
		paffing-right: 0;
	}
	
	.navbar-default .navbar-nav > li {
		padding: 10px 9px;
	}
	
	/* next 2 rules center main navigation */
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
	}
	
	.navbar .navbar-collapse {
		text-align: center;
	}
}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li {
		padding: 10px 21px;
	}
}

/* lg */
@media (min-width: 1200px) {	

}

/* ------------------------------------------------------------------------------
Animates the underline of the main navigation items 
--------------------------------------------------------------------------------*/
.navbar-default .navbar-nav > li > a {
	color: #fff;/* need for animated underline */
	position: relative;/* need for animated underline */
	text-decoration: none;/* need for animated underline */
}

.navbar-default .navbar-nav > li > a:hover {
	/*color: #fff;*/
}

.navbar-default .navbar-nav > li > a:before {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav > li > a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* ------------------------------------------------------------------------------
Animates the underline of the main navigation items after scrolling down
--------------------------------------------------------------------------------*/
.scroll-header .navbar-default .navbar-nav > li > a {
	color: #fff;/* need for animated underline */
	position: relative;/* need for animated underline */
	text-decoration: none;/* need for animated underline */
}

.scroll-header .navbar-default .navbar-nav > li > a:hover {
	/*color: #666;*/
}

.scroll-header .navbar-default .navbar-nav > li > a:before {
	background-color: #fff;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.scroll-header .navbar-default .navbar-nav > li > a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* sm */
@media (min-width: 768px) {
	
}

/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
/*edit to length you need to remove vertical scroll on mobile view*/
.navbar-collapse {
	max-height: 240px;
	transition: all .9s;
}

/* removes grey top border on mobile devices */
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border: 0 none;
}

/*styles for hamburger toggle */
.navbar-default .navbar-toggle {
	background-color: transparent;
	border: 0;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
	opacity: 0.6;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

/* ------------------------------------------------------
                          Drop down menu
-------------------------------------------------------- */
.dropdown-menu {
	background-color: rgba(241, 241, 241, 0.9);
	/*border: 0;
	border-radius: 0;
	box-shadow: 0;*/
	min-width: 160px;
	padding: 5px 20px;
	/*position: absolute;
	top: 100%;
	z-index: 1000;*/
}

.dropdown-menu > li {
	padding: 5px 3px;
	text-align: left;
}

/* Below 3 rules needed to prevent the weird on-click styling of the pages in the dropdown menu */
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    /*clear: both;*/
    color: #2f2e2e;
    /*display: inline-block;*/
    line-height: 1.25;
    padding: 3px;
    /*white-space: nowrap;*/
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: transparent;
	color: #666;
	/*text-decoration: none;*/
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: transparent;
	color: #666;
	outline: 0;
	/*text-decoration: none;*/
}

/*This allows you to set the background color for the active sub-menu item when you mouse off it to click on it's sub-menu item*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: transparent;
	border-color: #2f2e2e;
}

.site-header .caret {
	display: none;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/* ------------------------------------------------------------------------------
Animates the underline of links in the page content
--------------------------------------------------------------------------------*/
.entry-content a {
	position: relative;/* need for animated underline */
}

.entry-content a:hover {
	color: #2f2e2e;
	text-decoration: none;/* need for animated underline */
}

.entry-content a:before {
	background-color: #2f2e2e;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	visibility: visible;
	width: 100%;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.entry-content a:hover:before {
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}


/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.home .entry-title  {
	display: none;
}

.entry-title {

}

.home .entry-content {

}

.entry-content {
	padding-bottom: 25px;
}

.entry-content li {
	margin-bottom: 5px;
}

.entry-footer {

}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {	
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/
.widget-area {

}

.widget-title {

}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution,
.footer-social {
	text-align: center;
}

.attribution {
	bottom: 40px;
	margin-top: 0;
	position: relative;
	width: 100%;
}

.attribution p,
.attribution a {
	color: #fff;
	font-size: 12px;
}

.attribution p {
	margin-bottom: 0;
}

.site-footer .footer-social .social {
	margin-top: 45px;
	text-align: center;
}
/*.fa-youtube,
.fa-facebook-square {
	color: #fff;
	font-size: 20px;
}

.fa-youtube {
	margin-right: 35px;
}*/

#footer-navigation {
	display: none;
}

/* sm */
@media (min-width: 768px) {
	.footer-social {
		
	}

}

/* md */
@media (min-width: 992px) {
	
	/* Sticky footer - @link http: //mystrd.at/modern-clean-css-sticky-footer/ */
	html {
		min-height: 100%;
		position: relative;
	}
	
	body {
		margin: 0 0 200px; /* = .site-footer height */
	}
	
	.site-footer {
		bottom: 0;
		height: 200px; /* = body margin-bottom */
		left: 0;
		position: absolute; /* replace with position: fixed; to keep footer fixed to bottom of browser - see footer file too! */
		width: 100%;
	}
	
	.attribution {
		position: absolute;
	}
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.8 Metaslider & Leaderboard
--------------------------------------------------------------*/
.leaderboard-image {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

.leaderboard-image img {
	margin-bottom: 20px;
	width: 100%;
}

.metaslider {
	margin-bottom: 10px;
}

/*.site-content .metaslider .caption {
	display: none;
}*/

/* Hides Nivo Slider caption on cell phones */
.metaslider .theme-default .nivoSlider > .nivo-caption {
	background-color: rgba(255, 255, 255, 0.0);
	display: none !important;
	left: 0;
	opacity: 1.0;
	padding: 5px 10px;
	position: absolute;
	text-align: left;
	top: 50px;
	width: 100%;
}

.metaslider .theme-default .nivoSlider > .nivo-caption h2 {
	color: #2f2e2e;
}

.metaslider .theme-default .nivoSlider > .nivo-caption h3 {
	
}

.metaslider .theme-default .nivoSlider > .nivo-caption div {
	display: inline-block;
	margin: 20px 0;
}

.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary,
.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary:visited {
	background: #2f2e2e;
	border: 3px solid #2f2e2e;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
	padding: 8px 35px;
	transition: all .5s;
}

.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary:hover,
.metaslider .theme-default .nivoSlider > .nivo-caption a.btn-primary:focus {
	background: #fff;
	border: 3px solid #fff;
	color: #2f2e2e;
	text-decoration: none;
}

/* sm */
@media (min-width: 768px) {
	.leaderboard-image {
		/*margin-bottom: -125px;
		top: -125px;*/
	}
	
	.metaslider {
		/*margin-bottom: 10px;
		margin-bottom: -125px;
		top: -125px;*/
	}
	
	
	/*.metaslider .caption-wrap {
		background: rgba(116, 20, 48, 0.75);
		bottom: 0;
		color: white;
		display: block;
		font-size: 24px;
		left: 0;
		line-height: 1.4em;
		margin: 0;
		opacity: 0.7;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
	}
	
	.site-content .metaslider .caption {
		background: rgba(116, 20, 48, 0.75);
		display:block;
		padding: 15px 10px;
	}*/
	
	/* Display Nivo Slider caption on sm/md/lg devices */
	.metaslider .theme-default .nivoSlider > .nivo-caption {
		display: block !important;
	}
}

/* md */
@media (min-width: 992px) {
	/*.metaslider .caption-wrap {
		font-size: 24px;
		line-height: 1.4em;
	}*/
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.edit-link {
	display: none;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-60 {
	margin-top: 60px;
}

iframe {
	border: 0;
}

/*responsive iframe next 2 rules */
.iframe-container {
    margin-bottom: 20px;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Back to top button - next 3 rules*/
.svg-inline--fa.fa-w-10 {
	width: 100%;
}

/* keeps styling on top button after it's clicked on */
.topbutton,
.topbutton:visited,
.topbutton:active, 
.topbutton:focus {
    background: #2f2e2e;
	border: 1px solid #2f2e2e;
	border-radius: 0;
    bottom: 90px;
	color: #fff;
    display: none;
	font-size: 33px;
	height: 40px;
    position: fixed;
    right: 5px;
	transition: all .9s;
    width: 40px;
    z-index: 1;
}

.topbutton:hover {
    background: #fff;
	border: 1px solid #fff;
	color: #2f2e2e;
}

.fa-angle-up {
	padding: 0 8px;
}

/* Main Content */
#primary {
	padding: 30px 0;
}

#primary h2,
#primary h3 {
	color: #fff;
	text-shadow: 1px 3px 5px #222;
}

#primary h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 45px;
	font-weight: 400;
	line-height: 49px;
	margin-bottom: 0;
}

#primary h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 4px;
	margin-top: 3px;
}

.social {
	margin-top: 20px;
}

.fa-facebook,
.fa-instagram {
	color: #fff;
	font-size: 30px;
}

.fa-facebook {
	margin-right: 15px;
}

/* Services Section */
.services-section {
	background: url("images/services-bg.jpg") no-repeat center center / cover;
	color: #fff;
	padding: 50px 0;
}

.services-section,
.services-section h2,
.services-section h3 {
	color: #fff;
	text-align: center;
}

.services-section h2 {
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 20px;
}

.services-section img {
	margin-top: 20px;
}

.services-section .line img {
	margin-top: 0;
}


/* About Section */
.about-section {
	background: #d1cac9;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 0;
}

.about-section .about-bg {
	background: #fff;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 30px;
}

.about-section h2 {
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 10px;
	text-align: center;
}

.line {
	height: 3px;
	margin-bottom: 40px;
}

/* Instagram Section */
.instagram-section {
	background: #2f2e2e;
	margin-top: 80px;
	padding: 40px 0;
}

.insta-gallery-feed.insta-gallery-square .insta-gallery-actions .insta-gallery-button.follow {
	background-color: #fff;
	borcer-radius: 0;
	color: #2f2e2e;
}

.insta-gallery-feed.insta-gallery-square .insta-gallery-actions .insta-gallery-button.follow:hover {
	opacity: 0.6;
}

/* Contact Section */
.contact-section {
	background: #d1cac9;
	margin-bottom: 30px;
	margin-top: 30px;	
	padding: 0;
}

.contact-section .contact-bg {
	background: #fff;
	margin-bottom: 30px;
	margin-top: 30px;	
	padding: 30px;
}

.contact-section h2 {
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 20px;
	text-align: center;
}


.contact-section .btn-primary {
	background: #2f2e2e;
	border: 3px solid #2f2e2e;
	border-radius: 0;
	color: #f1f1f1;
	display: inline-block;
	margin: 20px 0;
	padding: 12px 35px;
	transition: all .5s;
}

.contact-section .btn-primary:hover {
	background: #f1f1f1;
	border: 3px solid #f1f1f1;
	color: #2f2e2e;
	text-decoration: none;
}

.phone,
.phone-icon {
	float: left;
}

.fa-phone {
	background: #2f2e2e;
	color: #fff;
	margin-left: 35px;
	margin-top: 5px;
	padding: 12px;
}

.email-container {
	clear: both;
}

/* PayPal Section */
.payment-section {
	background: #000;
	display: none;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 40px 0;
}
/*
.payment-section h2 {
	font-size: 40px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	text-align: center;
}

.payment-section h2,
.payment-section h3,
.payment-section .tagline {
	color: #fff;
}

.payment-section h2 {
	letter-spacing: 10px;
}


.payment-section h3 {
	color: #aeaeae;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing: 3px;
}

.payment-section .btn-secondary {
	border: 1px solid rgb(234, 168, 57);
	border-radius: 3px;
	background: rgb(255, 196, 57);
	color: rgb(0, 46, 134);
	font-size: 20px;
	font-family: Verdana;
	margin-bottom: 15px;
	padding: 5px 55px;
}

.payment-section .btn-secondary:hover {
	opacity: 0.7;
}*/

/* sm */
@media (min-width: 768px) {
	#primary {
		padding: 180px 0;
	}
	
	#primary h2 {
		font-size: 65px;
		line-height: 69px;
	}

	#primary h3 {
		font-size: 20px;
	}
	
	.about-section,
	.contact-section {
		padding: 30px;
	}
	
	.social {
		margin-top: 100px;
	}

}

/* md */
@media (min-width: 992px) {
	#primary {
		padding: 260px 0;
	}
	
	.services-section {
		padding: 100px 0;
	}

	/* About Section */
	.about-section {
		margin-top: 400px;
	}
	
	.about-section .about-bg,
	.contact-section .contact-bg {
		margin-bottom: 70px;
		margin-top: 70px;
		padding: 70px 70px;
	}
	
	/*.payment-section {
		margin-bottom: 50px;
		margin-top: 50px;
		padding: 100px 0;
	}
	
	.payment-section h3 {
		margin-top: 50px;
	}*/
}

/* lg */
@media (min-width: 1200px) {
	#primary {
		padding: 300px 0;
	}
}

/*-------------------------------------------------------
Ninja Form 3.0.5
--------------------------------------------------------*/
.nf-form-title,
.nf-form-fields-required,
.nf-form-content .field-wrap .nf-field-label label,
.nf-form-content .list-radio-wrap .nf-field-element li label, 
.nf-form-content .list-checkbox-wrap .nf-field-element li label{
	display: none;
}


.nf-field-container.label-above {
	margin-bottom: 10px;
}

.nf-field-container.label-above .nf-field-label {
	margin-bottom: 3px;
}

.nf-form-content .field-wrap input[type="submit"], 
.nf-form-content .field-wrap input[type="button"], 
.nf-form-content .field-wrap button {
	background: #2f2e2e;
	border: 3px solid #2f2e2e;
	border-radius: 0;
	color: #f1f1f1;
	display: inline-block;
	margin: 20px 0;
	padding: 8px 35px;
	transition: all .5s;
}

.nf-form-content .field-wrap:hover input[type="submit"], 
.nf-form-content .field-wrap:hover input[type="button"], 
.nf-form-content .field-wrap:hover button {
	background: #f1f1f1;
	border: 3px solid #f1f1f1;
	color: #2f2e2e;
	text-decoration: none;
}

.nf-form-content .textarea-wrap textarea {
	max-height: 130px;
}

/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {

/* this makes the header fixed on desktop only add to 992 or 1200 media query
.site-header {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1030;
}
.site-content {
	padding-top: 184px;
}
*/

/* this makes the home sections link to services page without going underneath the fixed header on desktop only 
h2:before {	
	content: "";
	display: block;	
	height: 184px; 
	margin-top: -184px;
	visibility: hidden; 
}*/

}