/*  
Theme Name: SimpleFolio
Theme URI: http://www.slimmity.com/
Description: Portfolio Theme based off SimpleBlog Theme
Version: 1.5
Author: Omar Corrales
Author URI: http://www.omarcorrales.com
*/

/* Include Reset File */


/* Reset */

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, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
iframe {aspect-ratio: 16 / 9; width: 100% !important;}

/* Main CSS */

html {scroll-behavior:smooth;}

body {background:#ffffff; font-family: 'Work Sans', sans-serif; font-weight:400; color: #111111; font-size:18px; line-height:24px; z-index:0; margin:0px;}	
p {padding:10px 0px 10px 0px;}

a:link {color:#0089cf; text-decoration:none;}
a:visited {color:#0089cf; text-decoration:none;}
a:hover {color:#0089cf; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.2em;}
a:active {color:#0089cf; text-decoration:none;}

p a:link {color:#0089cf; text-decoration:none;}
p a:visited {color:#0089cf; text-decoration:none;}
p a:hover {color:#0089cf; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.2em;}
p a:active {color:#0089cf; text-decoration:none;}

.navigation {font-size:20px; line-height:24px;}
.alignleft {width:45%; float:left;}
.alignright {width:45%; float:right; text-align:right;}

ul {}
ul li {margin-left:20px; padding-top:5px; list-style:square;}

.clear {clear: both;}
strong {font-weight:700;}
em {font-style:italic;}
.underline {border-bottom:2px solid #ffffff;}

.blogContent img {margin:15px 0px 15px 0px!important; float:none!important; height:auto!important;}
.blogContent img.centered,.blogContent img.aligncenter {width:100%!important; display: block;margin:0 auto;}
.blogContent img.alignleft {width:46%!important; margin:15px 4% 15px 0px!important; float:left!important; height:auto!important;}
.blogContent img.alignright {width:46%!important; margin:15px 4% 15px 0px!important; float:right!important; height:auto!important;}

blockquote {border-left:7px solid #0089cf; padding-left:20px;}

input {width:92%; padding:8px 4% 8px 4%; margin-bottom:20px; font-size:16px; border:0px; -webkit-appearance: none; font-family: 'Work Sans', sans-serif;}
textarea {width:92%; margin-bottom:20px; font-size:16px; padding:8px 4% 8px 4%; height:170px!important; border:0px; -webkit-appearance: none; font-family: 'Work Sans', sans-serif;}

select {font-size:16px; width:96%; border:0px; padding:8px 0% 8px 4%; background:#ffffff url(images/form_arrow.png); background-repeat:no-repeat; background-position: calc(100% + 10px) center; background-size:36px 22px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#777777; -moz-border-radius: 0px; border-radius: 0px; font-family: 'Work Sans', sans-serif;}

input[type=submit] {border: 0px; border-radius:20px; color:#5e5553; padding:8px 20px 8px 20px; font-size:18px; -webkit-appearance: none; width:120px; float:left; background-color:#f3b3d1; text-transform:uppercase; font-weight:600;}

input[type=submit]:hover {background-color:#0089cf; cursor:pointer; color:#ffffff;}
.submitBtn {width:100%; float:left;}

.nf-field-container, #ninja_forms_required_items {margin-bottom: 5px!important;}

.space {width:100%; clear:both;}
.smallSpace {width:100%; clear:both; height:30px;}
.mediumSpace {width:100%; clear:both; height:70px;}
.bigSpace {width:100%; clear:both; height:120px;}

.bigWrapper {width:92%; max-width:1250px; margin:0px auto;}
.wrapper {width:92%; max-width:1000px; margin:0px auto;}

.leftCol {width:47.5%; float:left;}
.rightCol {width:47.5%; float:right;}
.leftCol2 {width:47.5%; float:left;}
.rightCol2 {width:47.5%; float:right;}
.leftCol3 {width:43%; float:left;}
.rightCol3 {width:52%; float:right;}
.leftCol4 {width:47.5%; float:left;}
.rightCol4 {width:47.5%; float:right;}
.popLeftCol {width:47.5%; float:left;}
.popLeftCol img {width:100%;}
.popRightCol {width:47.5%; float:right;}

h1 {font-size:90px; line-height:95px; font-family: 'Raleway', sans-serif; font-weight:900;}
h2 {font-size:73px; line-height:75px; margin-bottom:25px; font-family: 'Raleway', sans-serif; font-weight:900;}
h3 {font-size:50px; line-height:55px; margin-bottom:25px; font-family: 'Raleway', sans-serif;}
h4 {font-size:45px; line-height:50px; margin-bottom:15px; font-family: 'Raleway', sans-serif; font-weight:900; width:70%;}
h5 {font-size:35px; line-height:40px; font-weight:300; margin-top:10px; margin-bottom:10px;}
h6 {font-size:26px; margin-bottom:25px; line-height:32px; font-weight:600;}

.redText {color:#d31a50;}

.redBtn a:link {background-color:#d31a50; color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 10px 5px 10px; font-size:13px; border-radius:4px;}
.redBtn a:visited {background-color:#d31a50; color:#ffffff; font-weight:bold;  text-decoration:none; padding:5px 10px 5px 10px; font-size:13px; border-radius:4px;}
.redBtn a:hover {background-color:#0089cf; color:#ffffff; font-weight:bold;  text-decoration:none; padding:5px 10px 5px 10px; font-size:13px; border-radius:4px;}
.redBtn a:active {background-color:#d31a50; color:#ffffff; font-weight:bold;  text-decoration:none; padding:5px 10px 5px 10px; font-size:13px; border-radius:4px;}


/* Header */

.burgerMenu {display:none;}
header {background-color: #ffffff; float: left; width: 100%; position: fixed; z-index: 99999;}
header li {display:inline; text-align:center;}

header a:link {color:#272324; text-decoration:none; padding-bottom:7px;}
header a:visited {color:#272324; text-decoration:none; padding-bottom:7px;}
header a:hover {color:#272324; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em;}
header a:active {color:#272324; text-decoration:none; padding-bottom:7px;}
header .current_page_item a {padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em;}


/* Header Large */

header.large {height:125px; float:left;}
header.large img {margin-top: 4px; margin-left:35px; width: 195px; height:auto; float:left;}
header.large li {font-size:17px; text-transform:uppercase; letter-spacing:1px; margin:0px 18px 0px 18px; padding-top:0px;}
header.large ul {float: left; position:absolute; text-align: center; width:70%; margin:49px 14% 0px 16%;}
header.large .socialIcons {float:right; margin-top: 10px; margin-right:35px;}
header.large .socialIcons img {width:160px; margin-left:13px; margin-top: 10px;}


/* Header Small */

header.small {height: 80px;}
header.small img {margin-top: 3px; margin-left:25px; width: 125px; height:auto; float:left;}
header.small li {font-size:15px; text-transform:uppercase; letter-spacing:1px; margin:0px 13px 0px 13px;}
header.small ul {float: left; position:absolute; width:70%; margin:26px 14% 0px 16%; text-align: center;}
header.small .socialIcons {float:right; margin-top: 9px; margin-right:27px;}
header.small .socialIcons img {width:110px; margin-left:10px;}


/* Transitions */

header, nav, img, nav, .menuHolder, .socialIcons, .socialIconsFooter, .btnUnderline a, .btn a, .pinkBkg a, p a, .contactRight a, input[type=submit], ul, li {transition: .4s all; -moz-transition: .4s all; -webkit-transition: .4s all; -o-transition: .4s all;}


/* Home */

.videoWrapper {width:100%; height:auto; z-index:99; background:none; background-size:cover; background-position:top center;}
.videoWrapper h1 {font-size:10px; line-height:10px; margin-top:-1000px; position:absolute;}

.videoBanner {width:100%; height:780px; overflow:hidden; background-color:#ffffff; z-index: -100; position: relative; opacity:0.9;}

video#bgvid {position: absolute; top: 0%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(0%); -moz-transform: translateX(-50%) translateY(0%); -webkit-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); background: no-repeat; background-size: cover;}
.bannerBoxVideo2 {width:100%; color:#ffffff; position:absolute; text-align:center; bottom:-10px;}

.bannerCenterVideo {width:70%; max-width:1000px; margin:0px auto;}
.bannerCenterVideo img {width:100%; height:auto;}

.bannerBox {width:100%; max-width:1400px; margin:0px auto 0px auto; padding-top:135px;}

.servicesIntro h2 {font-size:42px; line-height:42px; margin-bottom:40px; font-family: 'Raleway', sans-serif; font-weight:300;}

.servicesIntro {width:92%; max-width:1100px; margin:0px auto; padding:100px 0px 0px 0px; text-align:center; font-size:21px; line-height:25px; font-family: 'Raleway', sans-serif; font-weight:900;}
.servicesIntro img {width:80%; padding-top:20px; max-width:75px;}
.servicesIntro1 {width:25%; float:left;}
.servicesIntro2 {width:22%; float:left;}
.servicesIntro3 {width:28%; float:left;}
.servicesIntro4 {width:25%; float:left;}
.servicesIntroLine {width:50px; height:8px; margin:20px auto 0px auto;}

.aboutWrapper {width:100%; max-width:1600px; margin:0px auto; padding:90px 0px 180px 0px;}
.aboutLeft {width:54%; float:left; margin-right:7%; position:relative;}
.aboutLeft img {width:100%; margin-top:0px;}
.aboutRight {width:39%; float:right;}
.aboutRight img {width:100%; height:auto; margin-bottom:10px; max-width:500px;}
.aboutText {width:90%; max-width:500px; margin-right:10%; margin-top:0px;}

	
/* Featured Work */

.featuredWorkWrapper {width:80%; max-width:930px; padding:50px 5% 0px 5%; margin:0px auto; background-color:#f0e9e3; font-size:23px; line-height:30px; position:relative; z-index:9;}
.featuredWorkLeft {width:45%; float:left;}
.featuredWorkRight {width:45%; float:right;}
.featuredWorkRight img {width:100%; position:relative; z-index:99;}
.featuredWorkLeft h2 {font-size:80px; line-height:72px; margin-top:35px; margin-bottom:25px;}
.featuredWorkRibbon {width:100%; height:252px; background-image:url(images/featured_work_ribbon.png); background-position:center top; background-repeat:no-repeat; background-size:5100px 252px; margin-top:-100px; position:relative; z-index:999;}


/* Home Quotes */

.homeQuotesBkg {background-image:url(images/buffalo_quotes.jpg); background-position:center top; background-size:cover; padding:100px 0px 600px 0px;}
.homeQuotesBkg h3 {font-size:43px; line-height:45px; margin-bottom:20px;}
.homeQuotesWrapper {width:86%; max-width:1000px; margin:0px auto; text-align:center; font-size:17px; line-height:23px;}
.smallQuote {width:90%; max-width:650px; margin:0px auto; font-size:20px; line-height:26px;}
.author {font-size:14px; padding-top:20px;}


/* HipImage */

.pinkBkg {width:100%; background-color:#f3b3d1; font-weight:200;}
.hipImageLeft {width:42%; float:left;}
.hipImageLeft img {width:100%; padding-top:40px;}
.hipImageRight {width:52%; float:right; font-size:20px; line-height:25px;}
.hipImageWrapper {width:90%; max-width:1100px; margin:0px auto;}

.pinkBkg a:link {color:#d31a50; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #d31a50; text-underline-offset: 0.4em;}
.pinkBkg a:visited {color:#d31a50; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #d31a50; text-underline-offset: 0.4em;}
.pinkBkg a:hover {color:#ffffff; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #d31a50; text-underline-offset: 0.4em;}
.pinkBkg a:active {color:#d31a50; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #d31a50; text-underline-offset: 0.4em;}


/* Home Blog */

#homeBlog2 {display:none;}
.homeBlogWrapper {width:98%; max-width:1400px; margin:160px auto 0px auto;}
.homeBlogDate {text-transform:uppercase; margin-bottom:40px;}
.homeBlogBox {width:42%; margin:0px 4% 0px 4%; float:left; font-size:19px; line-height:24px; position:relative; border-top:12px solid #efd600;}
.homeBlogBoxPadding {padding:10px 0px 0px 0px;}
.homeBlogBoxPadding h4 {font-size:45px; line-height:50px; margin-bottom:25px; font-family: 'Raleway', sans-serif; font-weight:900; width:75%;}

.btnUnderline a:link {color:#000000; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em;}
.btnUnderline a:visited {color:#000000; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em;}
.btnUnderline a:hover {color:#000000; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #d31a50; text-underline-offset: 0.4em;}
.btnUnderline a:active {color:#000000; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em;}


/* Home FAQ */

.faqRibbon {width:100%; background-image:url(images/faq_ribbon.png); background-position:center top; background-repeat:no-repeat; background-size:4500px 3215px; margin-top:50px;}

.faqWrapper h2 {font-size:150px; line-height:150px; margin-bottom:25px;}
.faqWrapper h3 {font-size:27px; line-height:32px; margin-bottom:15px;}

.faqWrapper {width:90%; max-width:1100px; margin:0px auto; padding:210px 0px 100px 0px;}
.faqLeft {width:42%; float:left;}
.faqRight {width:41%; float:right; padding-top:175px;}
.threads {width:100%; margin-top:-1px; text-align:center;}
.threads img {width:77px; height:auto; margin-bottom:50px; margin-left:-1px;}


/* About */

.aboutWrapper2 {width:100%; max-width:1400px; margin:0px auto; padding:180px 0px 140px 0px;}
.aboutLeft2 {width:38%; float:left; margin-right:6%; position:relative;}
.aboutLeft2 img {width:100%;}
.aboutRight2 {width:56%; float:right; font-size:18px; line-height:23px;}
.aboutText2 {width:90%; max-width:750px; margin-right:10%;}
.aboutHello img {width:80%; height:auto; margin-bottom:10px; max-width:500px;}

.aboutQuote1 {background-image:url(images/about_quote1.png); background-size:440px 300px; background-repeat:no-repeat; width:320px; height:180px; float:right; padding:120px 60px 0px 60px; margin-top:-30px; font-size:22px; line-height:28px; position:relative; z-index:999;}

.aboutText3 h2 {font-size:100px; line-height:95px; margin-bottom:25px;}

.aboutQuotes {background-image:url(images/field.jpg); background-position:right center; background-size:cover; width:100%; padding:100px 0px 85px 0px; color:#ffffff; text-align:center;}
.aboutQuotesWrapper {width:90%; max-width:1200px; margin:0px auto;}
.aboutQuotesLeft {width:55%; float:left;}

.aboutWrapper3 {width:100%; max-width:1400px; margin:0px auto; padding:140px 0px 0px 0px;}
.aboutLeft3 {width:51%; float:left; margin-right:7%; position:relative;}
.aboutLeft3 img {width:100%;}
.aboutRight3 {width:42%; float:right;}
.aboutText3 {width:90%; max-width:500px; margin-right:10%; margin-top:25px;}
.aboutBuffalo {width:100%; background-image:url(images/about_buffalo.jpg); background-position:center bottom; padding-bottom:800px; background-size:3500px 1230px; background-repeat:no-repeat;}

.aboutWrapper6 {width:100%; max-width:1400px; margin:0px auto; padding:60px 0px 0px 0px;}
.aboutLeft6 {width:50%; float:left; margin-right:5%;}
.aboutText6 {width:90%; margin-left:10%;}
.aboutRight6 {width:45%; float:right; margin-top:-80px;}
.aboutRight6 img {width:100%; height:auto;}

.aboutLeft7 {width:47%; float:left;}
.aboutLeft7 img {width:100%; height:auto; margin-top:120px;}
.aboutRight7 {width:47%; float:right;}
.aboutRight7 img {width:100%; height:auto;}

#clientsList h1 {font-size:100px; line-height:105px; font-family: 'Raleway', sans-serif; font-weight:900;}
.clientsLogo {width:18%; margin:12px 3.5% 12px 3.5%; float:left; position:relative;}
.clientsLogo img {width:100%;}
.clientsLogoCover {position:absolute; top:0px; left:0px;}
.clientsLogoCover:hover {opacity:0;}


/* Services */

.servicesBanner {background-image:url(images/services_banner.jpg); background-position:center bottom; background-size:cover; width:100%; padding-top:400px; text-align:center;}
.servicesBanner img {width:80%; max-width:700px;}

.servicesPageIntro {width:92%; max-width:1300px; margin:0px auto; padding:70px 0px 85px 0px; text-align:center; font-family: 'Raleway', sans-serif; font-weight:900;}
.servicesPage1 {width:14%; float:left; font-size:21px; line-height:50px;}
.servicesPage2 {width:14%; float:left; font-size:21px; line-height:25px;}
.servicesPageIntro img {width:40%; height:auto; padding-top:20px;}

.servicesPageIntro a:link {color:#000000; text-decoration:none;}
.servicesPageIntro a:visited {color:#000000; text-decoration:none;}
.servicesPageIntro a:hover {color:#000000; text-decoration:none;}
.servicesPageIntro a:active {color:#000000; text-decoration:none;}

#servicesPink a:hover {color:#f3b3d1; text-decoration:none;}
#servicesBlue a:hover {color:#0089cf; text-decoration:none;}
#servicesYellow a:hover {color:#efd600; text-decoration:none;}
#servicesRed a:hover {color:#d31a50; text-decoration:none;}

.servicesTan {width:100%; background-color:#f0e9e3;}
.servicesPageWrapper {width:90%; max-width:1300px; margin:0px auto; font-size:18px; line-height:24px;}
.servicesPageWrapper img {width:100%; height:auto;}
.owlLeft {width:48%; float:left; padding:90px 0px 100px 0px;}
.owlRight {width:47%; float:right; margin-top:-20px;}
.horseLeft {width:55%; float:left; margin-top:-20px;}
.horseRight {width:40%; float:right; padding:90px 0px 100px 0px;}
.ravenLeft {width:47%; float:left; padding:90px 0px 100px 0px;}
.ravenRight {width:47%; float:right; margin-top:-20px;}
.elkLeft {width:50%; float:left; margin-top:-20px;}
.elkRight {width:43%; float:right; padding:90px 0px 100px 0px;}
.spiderLeft {width:45%; float:left; padding:90px 0px 100px 0px;}
.spiderRight {width:50%; float:right; margin-top:-20px;}
.foxLeft {width:50%; float:left; margin-top:-20px;}
.foxRight {width:43%; float:right; padding:90px 0px 100px 0px;}
.beaverLeft {width:45%; float:left; padding:90px 0px 100px 0px;}
.beaverRight {width:50%; float:right; margin-top:-20px;}


/* Portfolio */

.workHeader {width:90%; max-width:1000px; margin:0px auto; font-size:21px; line-height:31px; text-align:center; padding-top:180px; padding-bottom:120px;}
.workHeader h1 {font-size:150px; line-height:155px; font-family: 'Raleway', sans-serif; font-weight:900; color:#f3b3d1; margin-bottom:10px;}

.mainWork {width:100%; background: #544946;
background: linear-gradient(27deg,rgba(84, 73, 70, 1) 0%, rgba(147, 137, 133, 1) 100%);}
.mainWorkWrapper {width:90%; max-width:1100px; margin:0px auto;}
.mainWorkLeft {width:38%; float:left; margin-top:-60px;}
.mainWorkLeft img {width:100%; height:auto;}
.mainWorkRight {width:55%; float:right; padding-top:80px; color:#ffffff;}

.mainWork h2 {font-size:60px; line-height:64px; margin-bottom:20px;}

.mainWork a:link {color:#ffffff; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #f3b3d1; text-underline-offset: 0.4em; font-weight:bold; font-size:115%;}
.mainWork a:visited {color:#ffffff; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #f3b3d1; text-underline-offset: 0.4em;}
.mainWork a:hover {color:#ffffff; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em;}
.mainWork a:active {color:#ffffff; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #f3b3d1; text-underline-offset: 0.4em;}

.portfolioWrapper {width:90%; max-width:1200px; margin:0px auto 0px auto;}
.portfolioWrapper h2 {font-size:48px; line-height:54px; margin-bottom:15px; width:90%;}
.portfolioPic {width:100%; margin-bottom:30px; position:relative; z-index:99;}
.pageCorner {position:absolute; bottom:0px; right:0px; z-index:999; width:30%; max-width:110px;}
.portfolioPic img {width:100%;}

.portfolioSpace {width:100%; height:100px; clear:both;}

.portfolioLeft {width:46.5%; float:left;}
.portfolioRight {width:46.5%; float:right;}

.popupLeft {width:48%; float:left;}
.popupLeft img {width:100%;}
.popupRight {width:48%; float:right;}
.popupRight img {width:100%;}

.popupWebsiteBorder {padding:40px; border:1px solid #f1b2d1;}
.popupWebsitePadding {padding:17px 17px 0px 17px; background-color:#ffffff;}
.popupWebsiteLeft {width:35%; float:left;}
.popupWebsiteLeft img {width:100%;}
.popupWebsiteRight {width:60%; float:right;}
.popupWebsiteRight img {width:100%;}

.btnBreak {display:none;}

.projectHeader {width:90%; max-width:1100px; margin:0px auto; font-size:25px; line-height:30px; text-align:center; padding-top:200px; padding-bottom:80px; font-weight:300;}
.projectHeader h1 {font-size:70px; line-height:73px; font-family: 'Raleway', sans-serif; font-weight:900; margin-bottom:10px;}
.projectHeader img {width:100px; padding-top:30px;}
.projectWrapper {width:90%; max-width:1200px; margin:0px auto;}
.projectWrapper h2 {font-size:58px; line-height:60px; margin-bottom:20px;}
.projectWrapperLeft {width:60%; float:left;}
.projectWrapperLeft img {width:38%; height:auto; float:right; margin-left:3%;}
.projectWrapperRight {width:35%; float:right;}
.projectWrapperRight img {display:none;}
.projectWrapperLeft2 {width:35%; float:left;}
.projectWrapperRight2 {width:60%; float:right;}
.projectWrapperLeft3 {width:48%; float:left;}
.projectWrapperRight3 {width:48%; float:right;}

.projectRedBkg {background-color:#d31a50; width:70%; max-width:630px; padding:30px; color:#ffffff; margin-top:-70px; font-size:21px; line-height:26px; font-weight:300;}


/* Blog */

.blogBanner {height:550px; background-image:url(images/blog_banner.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.blogPageBanner {width:100%; height:120px;}

.blogTagline {width:90%; max-width:1000px; margin:0px auto; padding-top:45px; text-align:center;}
.blogTagline h1 {font-size:30px; line-height:40px; font-family: 'Raleway', sans-serif; font-weight:300; margin-bottom:30px;}
.blogTagline img {width:80%; max-width:550px; height:auto; padding-bottom:20px;}

.blogWrapper {width:92%; max-width:1300px; margin:80px auto 0px auto;}
.blogWrapper h1 {font-size:40px; line-height:48px; font-weight:300; margin-bottom:20px;}
.blogSpace {width:100%; height:80px; clear:both;}
.blogLeft {width:45%; margin-right:5%; float:left;}
.blogLeft img {width:100%; height:auto;}
.blogRight {width:50%; float:right;}
.blogRight h3 {font-size:42px; line-height:44px; font-family: 'Raleway', sans-serif; font-weight:900; margin-bottom:25px; width:80%;}
.blogRight h3 a:link {color:#272324; text-decoration:none;}
.blogRight h3 a:visited {color:#272324; text-decoration:none;}
.blogRight h3 a:hover {color:#FAC600; text-decoration:none;}
.blogRight h3 a:active {color:#272324; text-decoration:none;}
.meta {margin-bottom:10px;}
.blogContent {width:68%; float:right; margin-left:3%; text-align:left; margin-top:0px;}
.sidebar {width:28.333%; float:left; position:relative; margin-top:0px;}
.sidebar img {width:100%; height:auto;}
.widgetsSidebar {width:84%; padding:25px 8% 25px 8%; background-color:#f0e9e3; text-align:left; font-size:16px; line-height:21px;}

.blogRight a:link {color:#000000; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em; font-weight:700; font-size:120%;}
.blogRight a:visited {color:#000000; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em; font-weight:700;}
.blogRight a:hover {color:#000000; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #d31a50; text-underline-offset: 0.4em; font-weight:700;}
.blogRight a:active {color:#000000; padding-bottom:7px; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #0089cf; text-underline-offset: 0.4em; font-weight:700;}

.widgetsSidebar a:link {color:#d31a50; text-decoration:none;}
.widgetsSidebar a:visited {color:#d31a50; text-decoration:none;}
.widgetsSidebar a:hover {color:#000000; text-decoration:none;}
.widgetsSidebar a:active {color:#d31a50; text-decoration:none;}

.widget h3 {font-size:29px; line-height:34px; font-weight:300; font-style:normal; margin-bottom:10px;}
.widget {padding:10px 0px 10px;}

.navigation a:link {color:#d31a50; text-decoration:none; font-weight:700;}
.navigation a:visited {color:#d31a50; text-decoration:none;}
.navigation a:hover {color:#000000; text-decoration:none;}
.navigation a:active {color:#d31a50; text-decoration:none;}


/* Contact */

.contactWrapper {width:100%; max-width:1400px; padding-top:180px; margin:0px auto 0px auto;}
.contactLeftCol {width:51%; float:left;}
.contactLeftCol img {width:100%; height:auto;}
.contactRightCol {width:37%; float:right; margin-right:6%; padding-top:40px; font-size:20px; line-height:28px;}
.contactRightCol img {width:20px; height:auto;}

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

.buffaloFooter {width:100%; background-image:url(https://notyouraveragejo.com/wp-content/uploads/2026/06/buffalo_line.png); background-size:2727px 300px; background-position:center bottom; height:300px;}

.contactWrapper input {width:92%; padding:10px 4% 10px 4%; margin-bottom:20px; font-size:18px; border:0px; -webkit-appearance: none; background-color:#f0e9e3; font-family: 'Work Sans', sans-serif;}
.contactWrapper textarea {width:92%; margin-bottom:20px; height:70px; font-size:18px; padding:10px 4% 10px 4%; height:150px!important; border:0px; -webkit-appearance: none; background-color:#f0e9e3; font-family: 'Work Sans', sans-serif;}

.contactWrapper select {font-size:18px; width:92%; border:0px; padding:10px 4% 10px 4%; background:#f0e9e3 url(images/form_arrow.png); background-repeat:no-repeat; background-position: calc(100% + 10px) center; background-size:40px 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#777777; -moz-border-radius: 0px; border-radius: 0px; font-family: 'Work Sans', sans-serif;}

.contactWrapper input[type=submit] {border: 0px; border-radius:20px; color:#ffffff; padding:8px 20px 8px 20px; font-size:18px; -webkit-appearance: none; width:120px; float:left; background-color:#f3b3d1; text-transform:uppercase; font-weight:600;}

.contactRightCol input[type=submit]:hover {background-color:#0089cf; cursor:pointer; color:#ffffff;}
.submitBtn {width:100%; float:left;}
.contactFormDesktop {padding-top:15px;}
.contactFormMobile {display:none;}


/* Footer */

#footer {width:100%; background-image:url(images/footer_bkg_white.jpg); background-position:center top; background-size:cover; color:#ffffff; padding:140px 0px 80px 0px; margin-top:0px;}
.footerWrapper {width:92%; max-width:1000px; margin:0px auto;}
.footerLeft {width:30%; float:left; font-size:20px; line-height:25px; font-weight:300;}
.footerLeft a:hover {text-decoration:none;}
.footerLeft img {width:20px; height:auto;}
.footerCenter {width:40%; float:left;}

.footerLeft h2 {font-size:62px; line-height:62px; margin-bottom:15px; font-family: 'Raleway', sans-serif; font-weight:600;}

.footerLeft h5 {font-size:38px; line-height:42px; margin-top:15px; margin-bottom:15px;}

.footer2 {width:94%; padding:30px 0px 30px 0px; font-size:15px; max-width:1200px; margin:0px auto;}
.footer2Left {width:41%; float:left;}
.footer2Center {width:18%; float:left; text-align:center;}
.footer2Center img {width:100%; max-width:300px; height:auto;}
.footer2Right {width:41%; float:right; text-align:right;}
.footer2 ul {float:right;}
.footer2 ul li {display:inline; list-style:none; margin-left:10px;}

.footer2 a:link {color:#000000; text-decoration:none;}
.footer2 a:visited {color:#000000; text-decoration:none;}
.footer2 a:hover {color:#000000; text-decoration:underline;}
.footer2 a:active {color:#000000; text-decoration:none;}


@media screen and (max-width: 2700px) {
	
.aboutBuffalo {padding-bottom:600px; background-size:2705px 950px;}
	
}


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

h2 {font-size:60px; line-height:60px; margin-bottom:20px;}

	
/* Home */
	
.aboutText {margin-top:0px;}
.homeQuotesBkg {padding:100px 0px 500px 0px;}
	
	
/* About */
	
.aboutRight2 {width:56%; float:right; font-size:17px; line-height:22px;}
.aboutText3 h2 {font-size:85px; line-height:80px; margin-bottom:25px;}
	
}


@media screen and (max-width: 1300px) {
	
h1 {font-size:80px; line-height:85px;}
h2 {font-size:50px; line-height:50px; margin-bottom:20px;}
h3 {font-size:45px; line-height:45px; margin-bottom:20px;}
h4 {font-size:38px; line-height:42px; margin-bottom:10px;}
h6 {font-size:22px; margin-bottom:20px; line-height:28px;}

body {font-size:17px; line-height:22px;}
.headingBreak {display:none;}
.bigSpace {height:90px;}


/* Home */

.bannerBoxVideo {left:0%; margin-left:0px; height:100vh; top:280px;}
.videoBanner {height:680px;}
	
.bannerBox {padding-top:135px;}
.bannerLeft {width:26%; margin-left:5%; font-size:27px; line-height:35px; float:left; padding-top:60px;}
.bannerRight {width:69%; text-align:right;}
#bannerLevel1 {z-index:9; position:absolute; top:0px; left:0px;}
.bannerRight img {width:95%;}
	
.aboutWrapper {padding:80px 0px 100px 0px;}
.aboutLeft {width:54%; margin-right:5%;}
.aboutRight {width:41%;}
	
.homeBlogWrapper {margin:125px auto 0px auto;}

.faqRibbon {background-size:3760px 2685px; margin-top:20px;}

.faqWrapper h2 {font-size:130px; line-height:130px; margin-bottom:20px;}
.faqWrapper h3 {font-size:24px; line-height:29px; margin-bottom:15px;}

.faqWrapper {width:90%; max-width:1000px; padding:190px 0px 80px 0px;}
.faqLeft {width:42%;}
.faqRight {width:41%; padding-top:150px;}
.threads img {width:67px; margin-bottom:50px;}	
	
	
/* About */	
	
.aboutQuote1 {background-size:370px 252px; width:290px; height:152px; padding:100px 35px 0px 45px; margin-top:-20px; font-size:19px; line-height:24px;}
	
}


@media screen and (max-width: 1200px) {
	
h5 {font-size:30px; line-height:35px; margin-top:10px; margin-bottom:10px;}
textarea {height:150px!important;}
	
header.large img {margin-left:20px;}
header.large li {font-size:16px; letter-spacing:0px; margin:0px 11px 0px 11px; padding-top:0px;}
header.large .socialIcons {margin-top: 15px; margin-right:15px;}
header.large .socialIcons img {margin-left:12px; margin-top: 5px;}
	
header.small img {margin-left:15px;}
header.small li {font-size:15px; letter-spacing:0px; margin:0px 11px 0px 11px; padding-top:0px;}
header.small .socialIcons {margin-top: 9px; margin-right:15px;}
header.small .socialIcons img {margin-left:10px;}
	
	
/* Home */
	
.videoBanner {height:600px;}

.featuredWorkWrapper {width:80%; max-width:750px; padding:50px 5% 0px 5%; margin:0px auto; font-size:18px; line-height:24px;}
.featuredWorkLeft {width:45%;}
.featuredWorkRight {width:45%;}
.featuredWorkLeft h2 {font-size:62px; line-height:60px; margin-top:20px; margin-bottom:15px;}
.featuredWorkRibbon {height:202px; background-size:4100px 202px; margin-top:-80px;}	
	
.homeQuotesBkg {padding:70px 0px 440px 0px;}
.homeQuotesBkg h3 {font-size:36px; line-height:39px; margin-bottom:20px;}
.homeQuotesWrapper {width:86%; max-width:880px; font-size:16px; line-height:21px;}
.smallQuote {width:90%; max-width:600px; font-size:18px; line-height:23px;}
.author {font-size:14px; padding-top:20px;}

.hipImageLeft {width:42%;}
.hipImageLeft img {padding-top:40px;}
.hipImageRight {width:52%; font-size:18px; line-height:23px;}
.hipImageWrapper {width:90%; max-width:900px;}	

.homeBlogWrapper {max-width:1000px; margin:110px auto 0px auto;}
.homeBlogDate {margin-bottom:25px;}
.homeBlogBox {width:42%; margin:0px 4% 0px 4%; font-size:17px; line-height:21px; border-top:10px solid #efd600;}
.homeBlogBoxPadding {padding:10px 0px 0px 0px;}	
.homeBlogWrapper h4 {font-size:32px; line-height:36px; margin-bottom:10px; width:80%;}
	
.faqRibbon {background-size:3415px 2440px; margin-top:10px;}

.faqWrapper h2 {font-size:110px; line-height:110px; margin-bottom:20px;}
.faqWrapper h3 {font-size:22px; line-height:27px; margin-bottom:15px;}

.faqWrapper {width:90%; max-width:1000px; padding:180px 0px 80px 0px;}
.faqLeft {width:42%;}
.faqRight {width:41%; padding-top:130px;}
.threads img {width:59px; margin-bottom:40px;}		

	
/* About */
	
.aboutQuote1 {background-size:310px 210px; width:245px; height:125px; padding:85px 25px 0px 40px; margin-top:-20px; font-size:16px; line-height:20px;}
	
.aboutWrapper2 {padding:180px 0px 120px 0px;}
.aboutLeft2 {width:34%; margin-right:6%;}
.aboutRight2 {width:60%; font-size:16px; line-height:21px;}
.aboutText2 {width:90%; max-width:750px; margin-right:10%;}

.aboutText3 h2 {font-size:70px; line-height:65px; margin-bottom:20px;}
	
.aboutWrapper3 {padding:120px 0px 0px 0px;}
.aboutLeft3 {width:51%; margin-right:7%;}
.aboutRight3 {width:42%;}
.aboutText3 {width:90%; max-width:500px; margin-right:10%; margin-top:25px; font-size:16px; line-height:21px;}
.aboutBuffalo {padding-bottom:500px; background-size:2100px 738px;}

.aboutWrapper6 {width:100%; max-width:1400px; margin:0px auto; padding:60px 0px 0px 0px;}
.aboutLeft6 {width:50%; float:left; margin-right:5%;}
.aboutText6 {width:90%; margin-left:10%; font-size:16px; line-height:21px;}
.aboutRight6 {width:45%; margin-top:-80px;}
	
#clientsList h1 {font-size:90px; line-height:95px;}
.clientsLogo {width:18%; margin:12px 3.5% 12px 3.5%; float:left; position:relative;}

	
/* Services */

.servicesBanner {padding-top:330px;}
.servicesBanner img {width:80%; max-width:600px;}

.servicesPageIntro {width:92%; max-width:1300px; padding:50px 0px 60px 0px;}
.servicesPage1 {width:14%; font-size:18px; line-height:42px;}
.servicesPage2 {width:14%; font-size:18px; line-height:21px;}
.servicesPageIntro img {width:40%; height:auto; padding-top:15px;}

.servicesPageWrapper {font-size:15px; line-height:19px; max-width:1000px;}
.servicesPageWrapper h2 {font-size:45px; line-height:50px; margin-bottom:10px;}
.owlLeft {width:48%; padding:60px 0px 70px 0px;}
.owlRight {width:47%; margin-top:-20px;}
.horseLeft {width:55%; margin-top:-20px;}
.horseRight {width:40%; padding:60px 0px 70px 0px;}
.ravenLeft {width:47%; padding:60px 0px 70px 0px;}
.ravenRight {width:47%; margin-top:-20px;}
.elkLeft {width:50%; margin-top:-20px;}
.elkRight {width:43%; padding:60px 0px 70px 0px;}
.spiderLeft {width:45%; padding:60px 0px 70px 0px;}
.spiderRight {width:50%; margin-top:-20px;}
.foxLeft {width:50%; margin-top:-20px;}
.foxRight {width:43%; padding:60px 0px 70px 0px;}
.beaverLeft {width:45%; padding:60px 0px 60px 0px;}
.beaverRight {width:50%; margin-top:-20px;}
	
	
/* Portfolio */
	
.workHeader {width:90%; max-width:850px; font-size:18px; line-height:25px; padding-top:160px; padding-bottom:90px;}
.workHeader h1 {font-size:125px; line-height:130px; margin-bottom:10px;}
.mainWorkWrapper {width:90%; max-width:950px;}
.mainWorkLeft {width:38%; margin-top:-50px;}
.mainWorkRight {width:55%; padding-top:70px; font-size:16px; line-height:20px;}

.mainWork h2 {font-size:46px; line-height:49px; margin-bottom:17px;}	
	
.portfolioSpace {width:100%; height:70px; clear:both;}
.portfolioLeft {width:47.5%; float:left;}
.portfolioRight {width:47.5%; float:right;}
.portfolioWrapper h2 {font-size:40px; line-height:42px; margin-bottom:20px;}
.pageCorner {width:20%; max-width:90px;}
	
.projectWrapper h2 {font-size:50px; line-height:50px; margin-bottom:20px;}
	

/* Blog */

.blogBanner {height:450px; background-size:3200px 400px;}
.blogPageBanner {height:110px;}
	
.blogWrapper h1 {font-size:37px; line-height:44px; margin-bottom:20px;}

.blogTagline {max-width:900px; padding-top:45px;}
.blogTagline h1 {font-size:25px; line-height:35px; margin-bottom:20px;}
.blogTagline img {width:80%; max-width:470px; padding-bottom:0px;}
	
.blogRight h3 {font-size:35px; line-height:37px; margin-bottom:20px; width:100%;}

	
/* Contact */

.contactWrapper {padding-top:180px;}
.contactLeftCol {width:51%;}
.contactRightCol {width:37%; margin-right:6%; padding-top:30px; font-size:18px; line-height:24px;}
.contactRightCol img {width:18px;}

.buffaloFooter {background-size:2090px 230px; height:230px;}

.contactWrapper input {width:92%; padding:8px 4% 8px 4%; font-size:16px;}
.contactWrapper textarea {width:92%; font-size:16px; padding:8px 4% 8px 4%; height:130px!important;}
.contactWrapper select {font-size:16px; width:92%; padding:8px 4% 8px 4%;}
.contactWrapper input[type=submit] {border: 0px; border-radius:20px; color:#ffffff; padding:6px 20px 6px 20px; font-size:16px; -webkit-appearance: none; width:120px;}


/* Footer */

#footer {background-size:cover; padding:110px 0px 60px 0px;}
.footerWrapper {width:90%; max-width:900px;}
.footerLeft {width:28%; font-size:18px; line-height:23px;}
.footerLeft img {width:17px;}
.footerCenter {width:42%;}
.footerLeft h2 {font-size:53px; line-height:53px; margin-bottom:15px;}
.footerLeft h5 {font-size:33px; line-height:38px; margin-top:15px; margin-bottom:15px;}
.footer2 {width:94%; padding:20px 0px 20px 0px; font-size:14px; line-height:18px; max-width:1200px;}
.footer2Left {width:41%;}
.footer2Center {width:18%;}
.footer2Right {width:41%;}
.footer2 ul li {margin-left:8px;}

}


@media screen and (max-width: 1020px) {
	
.headerLinks {display:none;}	
.burgerMenu {display:block;}
	
h1 {font-size:70px; line-height:75px;}
h2 {font-size:45px; line-height:45px; margin-bottom:15px;}
h3 {font-size:40px; line-height:40px; margin-bottom:20px;}
h4 {font-size:32px; line-height:36px; margin-bottom:10px; width:80%;}
h6 {font-size:20px; margin-bottom:15px; line-height:25px;}
	
body {font-size:16px; line-height:19px;}
	
.mediumSpace {width:100%; clear:both; height:45px;}
	
header.large {height:95px; float:left;}
header.large img {margin-left:20px; width:150px;}
header.large .socialIcons {margin-top: 15px; margin-right:15px;}
header.large .socialIcons img {margin-left:12px; margin-top: 0px; width:120px;}
	
header.small {height: 80px;}
header.small img {margin-left:15px;}
header.small .socialIcons {margin-top: 9px; margin-right:15px;}
header.small .socialIcons img {margin-left:10px;}
	

/* Home */
	
.videoBanner {height:550px;}	
video#bgvid {min-height: 100%; height: 650px;}
.bannerCenterVideo {width:80%; max-width:700px; margin:0px auto;}
	
.servicesIntro h2 {font-size:35px; line-height:35px; margin-bottom:35px;}
.servicesIntro {max-width:900px; padding:70px 0px 0px 0px; font-size:18px; line-height:22px;}
.servicesIntroLine {width:40px; height:6px; margin:17px auto 0px auto;}
.servicesIntro img {width:80%; padding-top:15px; max-width:65px;}
	
.aboutWrapper {padding:60px 0px 70px 0px;}	
	
.homeQuotesBkg {padding:60px 0px 380px 0px;}
.homeQuotesBkg h3 {font-size:32px; line-height:36px; margin-bottom:15px;}
.homeQuotesWrapper {width:86%; max-width:780px; font-size:14px; line-height:18px;}
.smallQuote {width:90%; max-width:500px; font-size:16px; line-height:20px;}
.author {font-size:13px; padding-top:18px;}

.featuredWorkWrapper {width:80%; max-width:620px; padding:40px 5% 0px 5%; margin:0px auto; font-size:16px; line-height:20px;}
.featuredWorkLeft {width:45%;}
.featuredWorkRight {width:47%;}
.featuredWorkLeft h2 {font-size:50px; line-height:48px; margin-top:18px; margin-bottom:10px;}
.featuredWorkRibbon {height:170px; background-size:3440px 170px; margin-top:-65px;}	
	
.hipImageLeft {width:40%;}
.hipImageLeft img {padding-top:30px;}
.hipImageRight {width:54%; font-size:16px; line-height:19px;}
.hipImageWrapper {width:90%; max-width:760px;}
.hipImageWrapper h2 {font-size:38px; line-height:38px; margin-bottom:12px;}
	
.homeBlogWrapper {max-width:880px; margin:90px auto 0px auto;}
.homeBlogDate {margin-bottom:25px;}
.homeBlogBox {width:42%; margin:0px 4% 0px 4%; font-size:16px; line-height:20px; border-top:8px solid #efd600;}
.homeBlogBoxPadding {padding:10px 0px 0px 0px;}	
.homeBlogWrapper h4 {font-size:28px; line-height:32px; margin-bottom:10px; width:85%;}
	
.faqRibbon {background-size:2900px 2072px; margin-top:10px;}

.faqWrapper h2 {font-size:95px; line-height:95px; margin-bottom:20px;}
.faqWrapper h3 {font-size:20px; line-height:25px; margin-bottom:15px;}

.faqWrapper {width:90%; max-width:800px; padding:140px 0px 70px 0px;}
.faqLeft {width:42%;}
.faqRight {width:41%; padding-top:115px;}
.threads img {width:51px; margin-bottom:30px; margin-left:-2px;}		

/* About */

.aboutWrapper2 {padding:140px 0px 80px 0px;}
.aboutLeft2 {width:46%; margin-right:4%;}
.aboutRight2 {width:50%; font-size:15px; line-height:19px;}
.aboutText2 {width:90%; max-width:750px; margin-right:10%;}
	
.aboutQuotes {padding:90px 0px 80px 0px;}
.aboutQuotesLeft {width:65%;}	

.aboutText3 h2 {font-size:55px; line-height:50px; margin-bottom:20px;}
	
.aboutWrapper3 {padding:90px 0px 0px 0px;}
.aboutLeft3 {width:51%; margin-right:7%;}
.aboutRight3 {width:42%;}
.aboutText3 {width:90%; max-width:500px; margin-right:10%; margin-top:25px; font-size:15px; line-height:19px;}
.aboutBuffalo {padding-bottom:400px; background-size:1708px 600px;}

.aboutWrapper6 {padding:50px 0px 0px 0px;}
.aboutLeft6 {width:50%; margin-right:5%;}
.aboutText6 {width:90%; margin-left:10%; font-size:15px; line-height:19px;}
.aboutRight6 {width:45%; margin-top:-60px;}
	
.aboutLeft7 {width:47%; overflow:hidden;}
.aboutLeft7 img {width:480px; height:360px; margin-top:80px; transform: scaleX(-1);}
.aboutRight7 {width:47%;}
	
#clientsList h1 {font-size:80px; line-height:85px;}
.clientsLogo {width:19%; margin:10px 3% 10px 3%;}
	
	
/* Services */

.servicesBanner {padding-top:270px;}
.servicesBanner img {width:80%; max-width:500px;}

.servicesPageIntro {width:92%; max-width:800px; padding:40px 0px 50px 0px;}
.servicesPage1 {width:14%; font-size:16px; line-height:36px;}
.servicesPage2 {width:14%; font-size:16px; line-height:18px;}
.servicesPageIntro img {width:40%; height:auto; padding-top:10px;}

.servicesPageWrapper {font-size:13px; line-height:16px; max-width:800px;}
.servicesPageWrapper h2 {font-size:30px; line-height:33px; margin-bottom:0px;}
.owlLeft {width:48%; padding:45px 0px 45px 0px;}
.owlRight {width:47%; margin-top:-10px;}
.horseLeft {width:55%; margin-top:-10px;}
.horseRight {width:40%; padding:45px 0px 45px 0px;}
.ravenLeft {width:47%; padding:45px 0px 45px 0px;}
.ravenRight {width:47%; margin-top:-10px;}
.elkLeft {width:50%; margin-top:-10px;}
.elkRight {width:43%; padding:45px 0px 45px 0px;}
.spiderLeft {width:45%; padding:45px 0px 45px 0px;}
.spiderRight {width:50%; margin-top:-10px;}
.foxLeft {width:50%; margin-top:-10px;}
.foxRight {width:43%; padding:45px 0px 45px 0px;}
.beaverLeft {width:45%; padding:45px 0px 35px 0px;}
.beaverRight {width:50%; margin-top:-10px;}
	
	
/* Portfolio */
	
.workHeader {width:90%; max-width:720px; font-size:15px; line-height:20px; padding-top:115px; padding-bottom:90px;}
.workHeader h1 {font-size:110px; line-height:115px; margin-bottom:5px;}
.mainWorkWrapper {width:90%; max-width:720px;}
.mainWorkLeft {width:40%; margin-top:-40px;}
.mainWorkRight {width:54%; padding-top:50px; font-size:14px; line-height:17px;}

.mainWork h2 {font-size:35px; line-height:38px; margin-bottom:15px;}

.portfolioSpace {width:100%; height:50px; clear:both;}
.portfolioWrapper h2 {font-size:33px; line-height:35px; margin-bottom:15px;}	
.leftCol2 {width:100%; float:none; margin-bottom:15px;}
.rightCol2 {width:100%; float:none;}
.pageCorner {width:20%; max-width:90px;}
	
.projectHeader {font-size:20px; line-height:25px; padding-top:150px; padding-bottom:60px;}
.projectHeader h1 {font-size:56px; line-height:59px; margin-bottom:10px;}
.projectHeader img {width:90px; padding-top:25px;}
.projectWrapper {width:90%; max-width:1200px;}
.projectWrapper h2 {font-size:43px; line-height:44px; margin-bottom:15px;}
.projectWrapperLeft {width:60%;}
.projectWrapperLeft img {width:44%; margin-left:3%;}
.projectWrapperRight {width:35%;}
.projectWrapperLeft2 {width:35%;}
.projectWrapperRight2 {width:60%;}
.projectWrapperLeft3 {width:48%;}
.projectWrapperRight3 {width:48%;}

.projectRedBkg {width:70%; max-width:560px; padding:20px; margin-top:-55px; font-size:18px; line-height:23px;}	
	
	
/* Blog */

.blogBanner {height:340px; background-size:2410px 300px;}
.blogPageBanner {height:80px;}
	
.blogWrapper {margin:70px auto 0px auto;}
.blogWrapper h1 {font-size:33px; line-height:40px; margin-bottom:20px;}

.blogTagline {max-width:700px; padding-top:30px;}
.blogTagline h1 {font-size:20px; line-height:28px; margin-bottom:15px;}
.blogTagline img {width:80%; max-width:350px; padding-bottom:0px;}
	
.blogRight h3 {font-size:28px; line-height:32px; margin-bottom:20px; width:100%;}
	
	
/* Contact */

.contactWrapper {padding-top:140px;}
.contactLeftCol {width:51%;}
.contactRightCol {width:39%; margin-right:5%; padding-top:20px; font-size:16px; line-height:20px;}
.contactRightCol img {width:16px;}

.buffaloFooter {background-size:1500px 165px; height:165px;}
	
	
/* Footer */

#footer {background-size:cover; padding:90px 0px 50px 0px; background-position:calc(100% + 300px) top;}
.footerWrapper {width:90%; max-width:900px;}
.footerLeft {width:35%; max-width:260px; font-size:18px; line-height:23px;}
.footerLeft img {width:17px;}
.footerCenter {width:60%; max-width:370px;}
.footer2 {width:94%; padding:20px 0px 20px 0px; font-size:12px; line-height:17px; max-width:1200px;}
.footer2Left {width:41%;}
.footer2Center {width:18%;}
.footer2Right {width:41%;}
.footer2 ul li {margin-left:6px;}	
	
}


@media screen and (max-width: 920px) {
	
	
/* About */
	
.aboutQuotes {padding:80px 0px 70px 0px; background-position:center center;}
.aboutQuotesLeft {width:100%;}	
.aboutWrapper2 {padding:140px 0px 60px 0px;}
.aboutLeft2 {width:47%; margin-right:4%;}
.aboutRight2 {width:49%; font-size:14px; line-height:17px;}
.aboutQuote1 {background-size:260px 177px; width:210px; height:107px; padding:70px 20px 0px 30px; margin-top:-20px; font-size:14px; line-height:18px;}
	
.aboutWrapper3 {padding:80px 0px 0px 0px;}
.aboutLeft3 {width:51%; margin-right:7%;}
.aboutRight3 {width:42%;}
.aboutText3 {width:90%; max-width:500px; margin-right:10%; margin-top:25px; font-size:14px; line-height:18px;}
.aboutBuffalo {padding-bottom:400px; background-size:1708px 600px;}

.aboutWrapper6 {padding:50px 0px 0px 0px;}
.aboutLeft6 {width:49%; margin-right:4%;}
.aboutText6 {width:90%; margin-left:10%; font-size:14px; line-height:18px;}
.aboutRight6 {width:47%; margin-top:-30px;}
	
#clientsList h1 {font-size:70px; line-height:75px;}
	
/* Portfolio */
	
.portfolioPic {margin-bottom:20px;}
	
	
}


@media screen and (max-width: 820px) {
	
body {font-size:14px; line-height:17px;}
p {padding:7px 0px 7px 0px;}
h5 {font-size:26px; line-height:31px; margin-top:10px; margin-bottom:10px;}
h6 {font-size:18px; margin-bottom:15px; line-height:23px;}	
	
.bigSpace {height:50px;}
	
input {width:92%; padding:6px 4% 6px 4%; font-size:14px;}
textarea {width:92%; font-size:14px; padding:6px 4% 6px 4%; height:130px!important;}
select {font-size:14px; padding:6px 0% 6px 4%; background-size:32px 20px;}
input[type=submit] {padding:6px 15px 6px 15px; font-size:14px; width:100px;}
.nf-field-container, #ninja_forms_required_items {margin-bottom: 5px !important;}

	
/* Home */
	
.videoBanner {height:450px;}	
video#bgvid {min-height: 100%; height: 550px;}
.bannerBoxVideo2 {bottom:-5px;}
	
.servicesIntro h2 {font-size:27px; line-height:27px; margin-bottom:30px;}
.servicesIntro {max-width:650px; padding:50px 0px 0px 0px; font-size:14px; line-height:18px;}
.servicesIntro img {width:80%; padding-top:15px; max-width:60px;}	
	
.aboutWrapper {padding:40px 0px 50px 0px;}
.aboutLeft {width:100%; float:none; margin-right:0%;}
.aboutLeft img {width:100%; margin-top:15px;}
.aboutRight {width:100%; float:none;}
.aboutRight img {max-width:300px; width:60%;}
.aboutText {width:90%; max-width:1000px; margin-right:5%; margin-left:5%;}

.homeQuotesBkg {padding:50px 0px 280px 0px; background-size:850px 485px; background-position:center bottom; background-repeat:no-repeat;}
.homeQuotesBkg h3 {font-size:28px; line-height:32px; margin-bottom:15px;}
.homeQuotesWrapper {width:86%; max-width:620px; font-size:13px; line-height:17px;}
.smallQuote {width:90%; max-width:500px; font-size:15px; line-height:19px;}
.author {font-size:12px; padding-top:16px;}

.featuredWorkWrapper {width:80%; max-width:500px; padding:40px 5% 0px 5%; font-size:14px; line-height:17px;}
.featuredWorkLeft {width:47%;}
.featuredWorkRight {width:47%;}
.featuredWorkLeft h2 {font-size:44px; line-height:41px; margin-top:10px; margin-bottom:9px;}
.featuredWorkRibbon {height:132px; background-size:2670px 132px; margin-top:-51px;}
	
.faqRibbon {background-size:2100px 1500px; margin-top:5px;}

.faqWrapper h2 {font-size:78px; line-height:78px; margin-bottom:12px;}
.faqWrapper h3 {font-size:18px; line-height:22px; margin-bottom:13px;}

.faqWrapper {width:90%; max-width:800px; padding:90px 0px 70px 0px;}
.faqLeft {width:44%;}
.faqRight {width:43%; padding-top:90px;}
.threads img {width:35px; margin-bottom:20px;}
	
	
/* About */
	
.aboutQuotes {padding:60px 0px 50px 0px; background-position:center center;}

.aboutText3 h2 {font-size:45px; line-height:40px; margin-bottom:15px;}
.aboutWrapper3 {padding:80px 0px 0px 0px;}
.aboutLeft3 {width:49%; margin-right:5%; overflow:hidden; text-align:right;}
.aboutLeft3 img {width:400px; height:300px; transform: scaleX(-1);}	
.aboutRight3 {width:46%;}
.aboutText3 {width:90%; max-width:500px; margin-right:10%; margin-top:5px; font-size:14px; line-height:18px;}
.aboutBuffalo {padding-bottom:300px; background-size:1440px 505px;}
	
.aboutWrapper6 {padding:20px 0px 0px 0px;}
.aboutLeft6 {width:100%; margin-right:0%; float:none;}
.aboutText6 {width:90%; margin-left:5%; margin-right:5%; font-size:14px; line-height:18px;}
.aboutRight6 {width:100%; margin-top:10px; float:none; text-align:center;}
.aboutRight6 img {width:70%; max-width:450px;}	
	
.aboutLeft7 {width:47%;}
.aboutLeft7 img {width:370px; height:290px; margin-top:80px;}
.aboutRight7 {width:47%;}
	
#clientsList h1 {font-size:60px; line-height:65px;}
	

/* Services */

.servicesBanner {padding-top:250px;}
.servicesBanner img {width:80%; max-width:400px;}

.servicesPageIntro {width:98%; max-width:800px; padding:30px 0px 35px 0px;}
.servicesPage1 {width:14%; font-size:13px; line-height:28px;}
.servicesPage2 {width:14%; font-size:13px; line-height:14px;}
.servicesPageIntro img {width:40%; height:auto; padding-top:5px;}

.servicesPageWrapper {font-size:12px; line-height:15px; max-width:800px;}
.servicesPageWrapper h2 {font-size:24px; line-height:28px; margin-bottom:0px;}
.owlLeft {width:48%; padding:30px 0px 30px 0px;}
.owlRight {width:47%; margin-top:-10px;}
.horseLeft {width:55%; margin-top:-10px;}
.horseRight {width:40%; padding:45px 0px 45px 0px;}
.ravenLeft {width:47%; padding:45px 0px 45px 0px;}
.ravenRight {width:47%; margin-top:-10px;}
.elkLeft {width:50%; margin-top:-10px;}
.elkRight {width:43%; padding:45px 0px 45px 0px;}
.spiderLeft {width:45%; padding:45px 0px 45px 0px;}
.spiderRight {width:50%; margin-top:-10px;}
.foxLeft {width:50%; margin-top:-10px;}
.foxRight {width:43%; padding:45px 0px 45px 0px;}
.beaverLeft {width:45%; padding:45px 0px 35px 0px;}
.beaverRight {width:50%; margin-top:-10px;}
	

/* Portfolio */
	
.workHeader {width:90%; max-width:650px; font-size:14px; line-height:18px; padding-top:105px; padding-bottom:60px;}
.workHeader h1 {font-size:90px; line-height:95px; margin-bottom:5px;}
.mainWorkWrapper {width:90%; max-width:650px;}
.mainWorkLeft {width:38%; margin-top:-30px;}
.mainWorkRight {width:56%; padding-top:50px; font-size:13px; line-height:16px;}

.mainWork h2 {font-size:29px; line-height:32px; margin-bottom:15px;}
	
.projectHeader {font-size:18px; line-height:23px; padding-top:145px; padding-bottom:40px;}
.projectHeader h1 {font-size:46px; line-height:48px; margin-bottom:10px;}
.projectHeader img {width:80px; padding-top:20px;}
.projectWrapper {width:90%; max-width:1200px;}
.projectWrapper h2 {font-size:35px; line-height:35px; margin-bottom:10px;}
.projectWrapperLeft {width:45%;}
.projectWrapperLeft img {width:100%; margin-left:0%;}
.projectWrapperRight {width:50%;}
.projectWrapperLeft2 {width:40%;}
.projectWrapperRight2 {width:55%;}
.projectWrapperLeft3 {width:48%;}
.projectWrapperRight3 {width:48%;}
#impactReport {display:none;}

.projectRedBkg {width:90%; max-width:800px; padding:15px 5% 15px 5%; margin-top:-35px; font-size:16px; line-height:20px;}	
	

/* Contact */

.contactWrapper {padding-top:130px;}
.contactLeftCol {width:51%;}
.contactRightCol {width:39%; margin-right:5%; padding-top:0px; font-size:16px; line-height:20px;}
.contactRightCol img {width:13px;}

.buffaloFooter {background-size:1500px 165px; height:40px; background-position:left bottom;}	
	
	
/* Footer */

#footer {background-size:cover; padding:80px 0px 35px 0px; background-position:calc(100% + 280px) top;}
.footerWrapper {width:90%; max-width:900px;}
.footerLeft h2 {font-size:40px; line-height:40px; margin-bottom:13px;}
.footerLeft h5 {font-size:30px; line-height:35px; margin-top:15px; margin-bottom:13px;}
.footerLeft {width:40%; max-width:220px; font-size:16px; line-height:20px;}
.footerLeft img {width:15px;}
.footerCenter {width:60%; max-width:320px;}
.footer2 {width:94%; padding:20px 0px 20px 0px; font-size:12px; line-height:17px; max-width:1200px;}
.footer2Left {width:100%; float:none; text-align:center;}
.footer2Center {width:100%; float:none; text-align:center;}
.footer2Center img {max-width:150px; padding:10px 0px 15px 0px;}	
.footer2Right {width:100%; float:none; text-align:center;}
.footer2 ul {float:none;}
.footer2 ul li {margin-left:4px; margin-right:4px;}
	
}

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

h1 {font-size:60px; line-height:65px;}
h3 {font-size:34px; line-height:34px; margin-bottom:20px;}
h4 {font-size:28px; line-height:32px; margin-bottom:10px;}
	
	
/* Home */
	
.homeBlogBox {font-size:14px; line-height:18px;}
.homeBlogWrapper h4 {font-size:24px; line-height:28px;}
	
/* About */
	
.aboutLeft7 img {width:340px; height:260px; margin-top:50px;}
	
	
/* Portfolio */
	
.workHeader {width:90%; max-width:500px; font-size:13px; line-height:16px; padding-top:105px; padding-bottom:60px;}
.workHeader h1 {font-size:70px; line-height:75px; margin-bottom:5px;}
.mainWorkWrapper {width:90%; max-width:650px; padding:1px 0px 45px 0px;}
.mainWorkLeft {width:100%; float:none; height:200px; overflow:hidden; text-align:center;}
.mainWorkLeft img {width:300px; height:auto;}		
.mainWorkRight {width:94%; float:none; font-size:13px; line-height:16px; margin:-10px 3% 0px 3%;}

.mainWork h2 {font-size:29px; line-height:32px; margin-bottom:15px;}
	
.pageCorner {max-width:90px;}
.portfolioSpace {display:none;}
.portfolioLeft {width:100%; float:none; max-width:450px; margin:45px auto 0px auto;}
.portfolioRight {width:100%; float:none; margin:45px auto 0px auto; max-width:450px;}
.portfolioWrapper h2 {font-size:29px; line-height:31px; margin-bottom:10px;}

.popupWebsiteBorder {padding:20px; border:0px;}
.popupWebsitePadding {padding:10px 10px 0px 10px;}
	
.btnBreak {display:block; height:13px; clear:both;}	
	
	
/* Blog */

.blogBanner {height:290px; background-size:1930px 240px;}
.blogPageBanner {height:70px;}
	
.blogWrapper {margin:70px auto 0px auto;}
.blogWrapper h1 {font-size:28px; line-height:34px; margin-bottom:20px;}

.blogTagline {max-width:600px; padding-top:20px;}
.blogTagline h1 {font-size:18px; line-height:25px; margin-bottom:15px;}
.blogTagline img {width:80%; max-width:300px;}

.blogSpace {width:100%; height:70px; clear:both;}
.blogLeft {width:100%; margin-right:0%; float:none; margin-bottom:20px;}
.blogLeft img {width:100%; height:auto;}
.blogRight {width:100%; float:none;}
	
.blogRight .btn a {font-size:24px; line-height:24px; letter-spacing:1px;}
.blogRight .btn a img {width:38px; margin-left:10px;}
.blogRight .btn a:hover img {margin-left:20px;}
	
.blogContent {width:100%; float:none; margin-left:0%; margin-bottom:30px;}
.sidebar {width:100%; float:none; position:relative; margin-top:0px;}
.sidebar img {width:100%; height:auto;}
.widgetsSidebar {width:84%; padding:25px 8% 25px 8%; font-size:16px; line-height:21px; margin-top:25px;}
	

/* Contact */

.contactWrapper {padding-top:130px;}
.contactLeftCol {width:45%;}
.contactRightCol {width:45%; margin-right:5%; padding-top:0px; font-size:16px; line-height:20px;}
.contactRightCol img {width:13px;}	
.contactRightCol h1 {font-size:52px; line-height:57px;}

.buffaloFooter {height:40px;}	
	
}


@media screen and (max-width: 600px) {
	
.leftCol3 {width:100%; float:none;}
.rightCol3 {width:100%; float:none; margin-top:20px;}
.bigSpace {height:30px;}

h1 {font-size:60px; line-height:54px;}
h2 {font-size:35px; line-height:35px; margin-bottom:15px;}
h5 {font-size:23px; line-height:27px; margin-top:7px; margin-bottom:7px;}
	
textarea {height:100px!important;}
select {background-image:none;}

/* Home */
	
.videoBanner {height:350px;}	
video#bgvid {min-height: 100%; height: 450px;}
	
.servicesIntro h2 {font-size:22px; line-height:25px; margin-bottom:25px;}
.servicesIntro {max-width:400px; padding:40px 0px 0px 0px; font-size:14px; line-height:18px;}
.servicesIntroLine {width:30px; height:4px; margin:10px auto 0px auto;}
.servicesIntro1 {width:50%; margin-bottom:15px;}
.servicesIntro2 {width:50%; margin-bottom:15px;}	
.servicesIntro3 {width:50%;}	
.servicesIntro4 {width:50%;}	
.servicesIntro img {width:80%; padding-top:12px; max-width:55px;}		
	
.homeQuotesBkg {padding:35px 0px 200px 0px; background-size:630px 360px; background-position:center bottom; background-repeat:no-repeat;}
.homeQuotesBkg h3 {font-size:22px; line-height:26px; margin-bottom:10px;}
.homeQuotesWrapper {width:92%; max-width:620px; font-size:12px; line-height:14px;}
.smallQuote {width:90%; max-width:500px; font-size:14px; line-height:17px;}
.author {font-size:11px; padding-top:15px;}	

.featuredWorkWrapper {width:80%; max-width:360px; padding:30px 5% 0px 5%; font-size:11px; line-height:13px;}
.featuredWorkLeft {width:46%;}
.featuredWorkRight {width:48%;}
.featuredWorkLeft h2 {font-size:25px; line-height:23px; margin-top:8px; margin-bottom:8px;}
.featuredWorkRibbon {height:95px; background-size:1940px 95px; margin-top:-35px; transform: scaleX(-1);}	

.hipImageLeft {width:100%; float:none; padding-top:0px; text-align:center;}
.hipImageLeft img {width:80%; max-width:220px;}
.hipImageRight {width:100%; float:none; font-size:15px; line-height:18px; padding-top:20px; padding-bottom:20px;}
.hipImageWrapper {width:90%; max-width:420px;}
.hipImageWrapper h2 {font-size:30px; line-height:30px; margin-bottom:12px;}	
	
#homeBlog1 {display:none;}
#homeBlog2 {display:block;}	
	
.homeBlogWrapper {max-width:880px; margin:60px auto 0px auto;}
.homeBlogDate {margin-bottom:25px;}
.homeBlogBox {width:90%; margin:0px 5% 0px 5%; font-size:14px; line-height:18px; border-top:8px solid #efd600;}
.homeBlogBoxPadding {padding:10px 0px 0px 0px;}	
.homeBlogWrapper h4 {font-size:24px; line-height:28px; margin-bottom:10px; width:85%;}
	
.faqRibbon {background-size:2100px 1500px; background-position:right -110px; width:90%; margin:0px auto 15px auto;}

.faqWrapper h2 {font-size:70px; line-height:70px; margin-bottom:12px;}
.faqWrapper h3 {font-size:18px; line-height:22px; margin-bottom:10px;}

.faqWrapper {width:84%; max-width:450px; padding:80px 0px 50px 0px;}
.faqLeft {width:100%; float:none;}
.faqRight {width:100%; float:none; padding-top:20px;}
.threads img {display:none;}	
	
	
/* About */

.aboutWrapper2 {width:90%; max-width:1400px; margin:0px auto; padding:130px 0px 40px 0px;}
.aboutLeft2 {width:100%; float:none; margin-right:0%; position:relative; margin-top:20px;}
.aboutRight2 {width:100%; float:none; font-size:14px; line-height:18px;}
.aboutText2 {width:100%; max-width:750px; margin-right:0%;}
.aboutHello img {width:70%; height:auto; margin-bottom:0px; max-width:300px;}

.aboutText3 h2 {font-size:45px; line-height:40px; margin-bottom:15px;}
.aboutWrapper3 {padding:40px 0px 0px 0px;}
.aboutLeft3 {width:90%; margin-right:5%; margin-left:5%; float:none; overflow:hidden;}
.aboutLeft3 img {width:100%; height:auto;}	
.aboutRight3 {width:90%; margin:0px 5% 20px 5%; float:none;}
.aboutText3 {width:100%; max-width:800px; margin-right:0%; margin-top:5px;}
.aboutBuffalo {padding-bottom:200px; background-size:1060px 375px;}
	
.aboutWrapper6 {padding:15px 0px 0px 0px;}
.aboutLeft6 {width:100%; margin-right:0%; float:none;}
.aboutText6 {width:90%; margin-left:5%; margin-right:5%; font-size:14px; line-height:18px;}
.aboutRight6 {width:100%; margin-top:10px; float:none; text-align:center;}
.aboutRight6 img {width:80%; max-width:400px;}	
	
.aboutLeft7 {display:none;}
.aboutRight7 {width:84%; float:none; margin:25px auto 0px auto; max-width:350px;}
	
#clientsList h1 {font-size:50px; line-height:55px;}
.clientsLogo {width:27%; margin:10px 3% 10px 3%;}
	
	
/* Services */	

.servicesBanner {padding-top:200px;}
.servicesBanner img {width:80%; max-width:350px;}

.servicesPageIntro {width:98%; max-width:800px; padding:30px 0px 20px 0px;}
.servicesPage1 {width:25%; font-size:13px; line-height:28px;}
.servicesPage2 {width:25%; font-size:13px; line-height:14px;}
.servicesPageIntro img {width:40%; height:auto; padding-top:5px; padding-bottom:15px;}

.servicesPageWrapper {font-size:12px; line-height:14px; max-width:800px;}
.servicesPageWrapper h2 {font-size:24px; line-height:28px; margin-bottom:0px;}
.owlLeft {width:100%; float:none; padding:25px 0px 10px 0px;}
.owlRight {margin:0px auto; width:60%; max-width:300px; float:none; padding-bottom:10px;}
.horseLeft {margin:0px auto; width:60%; max-width:300px; float:none; padding-bottom:10px;}
.horseRight {width:100%; float:none; padding:25px 0px 10px 0px;}
.ravenLeft {width:100%; float:none; padding:25px 0px 10px 0px;}
.ravenRight {margin:0px auto; width:60%; max-width:300px; float:none; padding-bottom:10px;}
.elkLeft {margin:0px auto; width:60%; max-width:300px; float:none; padding-bottom:10px;}
.elkRight {width:100%; float:none; padding:25px 0px 10px 0px;}
.spiderLeft {width:100%; float:none; padding:25px 0px 10px 0px;}
.spiderRight {margin:0px auto; width:60%; max-width:300px; float:none; padding-bottom:10px;}
.foxLeft {margin:0px auto; width:60%; max-width:300px; float:none; padding-bottom:10px;}
.foxRight {width:100%; float:none; padding:25px 0px 10px 0px;}
.beaverLeft {width:100%; float:none; padding:25px 0px 10px 0px;}
.beaverRight {margin:0px auto; width:60%; max-width:300px; float:none; padding-bottom:10px;}
	
	
/* Portfolio */	
	
.popupWebsiteBorder {padding:15px; border:0px;}
.popupWebsitePadding {padding:10px 10px 0px 10px;}
.popupWebsiteLeft {width:100%; float:none;}
.popupWebsiteRight {width:100%; float:none; padding-bottom:25px;}
	
.projectHeader {font-size:16px; line-height:20px; padding-top:150px; padding-bottom:30px;}
.projectHeader h1 {font-size:37px; line-height:39px; margin-bottom:10px;}
.projectHeader img {width:70px; padding-top:15px;}
.projectWrapper {width:90%; max-width:1200px;}
.projectWrapper h2 {font-size:28px; line-height:28px; margin-bottom:10px;}
.projectWrapperLeft {width:100%; float:none; margin-top:20px;}
.projectWrapperLeft img {display:none;}
.projectWrapperRight img {display:block; width:48%; margin-right:2%; float:left; margin-bottom:20px;}
.projectWrapperRight {width:100%; float:none;}
.projectWrapperLeft2 {width:100%;}
.projectWrapperRight2 {width:100%; margin-top:20px;}
.projectWrapperLeft3 {width:100%;}
.projectWrapperRight3 {width:100%; margin-top:20px;}

.projectRedBkg {padding:15px 5% 15px 5%; margin-top:-35px; font-size:15px; line-height:18px;}		
	
	
/* Blog */

.blogTagline {max-width:600px; padding-top:20px;}
.blogTagline h1 {font-size:16px; line-height:22px; margin-bottom:15px;}
.blogTagline img {width:80%; max-width:250px;}
	
	
/* Contact */

.contactFormDesktop {display:none;}
.contactFormMobile {display:block; width:80%; margin:30px auto 35px auto;}
.contactLeftCol {width:35%;}
.contactRightCol {width:55%; margin-right:5%; padding-top:0px; font-size:16px; line-height:20px;}	
	
	
/* Footer */

#footer {background-size:cover; padding:70px 0px 30px 0px;}
.footerWrapper {width:90%; max-width:900px;}
.footerLeft h2 {font-size:30px; line-height:30px; margin-bottom:13px;}
.footerLeft h5 {font-size:20px; line-height:25px; margin-top:15px; margin-bottom:13px;}
.footerLeft {width:45%; max-width:220px; font-size:15px; line-height:18px;}
.footerLeft img {width:15px;}
.footerCenter {width:55%; max-width:320px;}
.footer2 {width:94%; padding:20px 0px 20px 0px; font-size:12px; line-height:17px; max-width:1200px;}
.footer2Left {width:100%; float:none; text-align:center;}
.footer2Center {width:100%; float:none; text-align:center;}
.footer2Center img {max-width:150px; padding:10px 0px 15px 0px;}	
.footer2Right {width:100%; float:none; text-align:center;}
.footer2 ul {float:none;}
.footer2 ul li {margin-left:4px; margin-right:4px;}
	

}

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

h3 {font-size:30px; line-height:30px; margin-bottom:15px;}
h4 {font-size:26px; line-height:30px; margin-bottom:10px;}
h5 {font-size:21px; line-height:25px; margin-top:5px; margin-bottom:5px;}
	
header.large {height:80px;}
header.large img {margin-left:15px; margin-top: 3px; width: 125px;}
header.large .socialIcons {margin-top: 12px; margin-right:15px;}
header.large .socialIcons img {margin-left:10px; width:110px; }
	
	
/* Home */
	
.videoBanner {height:300px;}	
video#bgvid {min-height: 100%; height: 350px;}
.bannerBoxVideo2 {bottom:-3px;}
	
.leftCol4 {width:100%; float:none;}
.rightCol4 {width:100%; float:none; margin-top:15px;}
	
/* About */
	
.aboutWrapper2 {padding:110px 0px 40px 0px;}
	
/* Portfolio */
	
.projectHeader {padding-top:130px;}
	
/* Blog */
	
.blogBanner {height:230px; background-size:1440px 180px;}
.blogPageBanner {height:70px;}
	
.blogWrapper {margin:50px auto 0px auto;}
.blogWrapper h1 {font-size:24px; line-height:30px; margin-bottom:15px;}

.blogTagline {max-width:600px; padding-top:20px;}
.blogTagline h1 {font-size:15px; line-height:20px; margin-bottom:15px;}
.blogTagline img {width:80%; max-width:250px;}	
	

/* Contact */
	
.contactWrapper {padding-top:110px;}
.contactLeftCol {width:37%;}
.contactRightCol {width:53%; margin-right:5%; padding-top:5px; font-size:15px; line-height:19px;}
.contactRightCol img {width:13px;}	
.contactRightCol h1 {font-size:42px; line-height:47px;}		
	

}