@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(http://www.skagitvalleyburgers.com/wp-content/themes/locomotive/libs/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(http://www.skagitvalleyburgers.com/wp-content/themes/locomotive/libs/slick/fonts/slick.eot);
src: url(http://www.skagitvalleyburgers.com/wp-content/themes/locomotive/libs/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(http://www.skagitvalleyburgers.com/wp-content/themes/locomotive/libs/slick/fonts/slick.woff) format('woff'), url(http://www.skagitvalleyburgers.com/wp-content/themes/locomotive/libs/slick/fonts/slick.ttf) format('truetype'), url(http://www.skagitvalleyburgers.com/wp-content/themes/locomotive/libs/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}@font-face {
font-family: 'Six Caps';
font-style: normal;
font-weight: 400;
src: url(//www.skagitvalleyburgers.com/wp-content/themes/locomotive/fonts/Six_Caps.woff2) format('woff2');
}
@font-face {
font-family: 'Arvo';
font-style: normal;
font-weight: 400;
src: url(//www.skagitvalleyburgers.com/wp-content/themes/locomotive/fonts/Arvo.woff2) format('woff2');
} @font-face {
font-family: 'Enriqueta';
font-style: normal;
font-weight: 400;
src: url(//www.skagitvalleyburgers.com/wp-content/themes/locomotive/fonts/Enriqueta.woff2) format('woff2');
} @font-face {
font-family: 'Enriqueta';
font-style: normal;
font-weight: 400;
src: url(//www.skagitvalleyburgers.com/wp-content/themes/locomotive/fonts/Enriqueta-Regular.woff2) format('woff2');
}
body #page+.row p { line-height: 2em }  a:hover, a:focus{ text-decoration: none; } header#home{ padding-bottom: 15px; }
header#home .nav-container{ position: static; }
header#home .tagline h3{ position: absolute; top: 350px; width: 100%; text-transform: uppercase; text-shadow: 5px 2px 30px #484848; }
header .menu-primary-container{ min-height: 90px;     border-top: 0px double #201d1c;
border-bottom: 0px double #201d1c;   background: url(http://www.skagitvalleyburgers.com/wp-content/uploads/2017/06/headerWallpaper.png) repeat;
z-index: 1000;
-webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2); 
padding: 12px;
}
header #main-menu{ border-top: unset !important; background: none !important; box-shadow: none !important; display: inline-block; border-bottom: unset !important; }
header #main-menu li > a{ margin: 0; font-size: 48px;     letter-spacing: 3px; }
header #main-menu li > a:hover{ text-decoration: underline; }
#header-search{ position: absolute; right: 50px; top:-90px; padding-top: 25px; display:none; }
#header-search .search-field{ width: 400px; height: 34px; margin-bottom: 12px; color: #000; padding-left: 5px; font-family: 'Arvo', serif;  display: none; }
#header-search .search-submit{ background: transparent; border: 0; color: #fff; font-size: 35px; cursor: pointer; outline:none }
button.mobile-nav{ outline: none; float: left; position: absolute; z-index: 99999; margin-top: 25px; font-size: 38px; border: 0; background: transparent; color: #fff; margin-left: 20px; display: none; } section{ padding-bottom: 60px; }
section .text-center-align{ text-align: center; } .ei-title{ width: 96%; color: white; font-size: 25px;}
section#slider-container{ padding: 30px 0px; } section#welcome{ padding: 30px 0px; padding-bottom: 60px; } section#welcome h3{ font-size: 21px; line-height: 50px; margin-bottom: 10%; margin-top: 3%; font-style: italic;}
section#welcome h1{ font-size: 60px; margin-top: 8%; }
.cta_container{ margin-top: 40px; text-align: center; padding-bottom: 5%;}
a.cta_button{ background: #A63730; padding: 15px; font-size: 15px; font-weight: bold; border: 4px double #201d1c; color: #fff; } section#about{ padding-top: 0; }
section#about .profile{ background: none; }
section#about .abouttext blockquote{ text-align: center; }
section#about p > strong{ font-size: 20px; line-height: 30px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); font-weight: normal; }
section#about .schedules{ margin-top: 45px; }
section#about.section-content p > b{ font-size: 25px; } section#services-products .service-item{ min-height: 100px; padding: 10px; text-align: left }
section#services-products .service-item .service-title{ font-size: 20px; }
section#services-products .service-item .service-title:after{ content: ""; display: block; overflow: hidden; height: 1.1em; border-bottom: 2px dotted #000; }
section#services-products .service-item .service-title .service-title-text{ float: left; padding-left: 4px; }
section#services-products .service-item .service-title .service-price{ float: right; padding-right: 4px; }
section#services-products .service-item .service-desc{ font-size: 16px; padding-top: 5px; text-shadow: 5px 1px 5px black;}
body span.description + div,
body span.description + div + div{ margin-top: 3% !important; } section#testimonials .testimonial-profile{ border-radius: 50%; }
section#testimonials .testimonial-item{ margin: 30px 0px; }
section#testimonials .testimonial-item .left .message, section#testimonials .testimonial-item .left .author{ padding-right: 25px; }
section#testimonials .testimonial-item .right .message, section#testimonials .testimonial-item .right .author{ padding-left: 25px; }
section#testimonials .testimonial-item .author{ text-align: left; font-style: italic; }
section#testimonials .testimonial-item .author .affiliation{ font-size: 16px; font-weight: normal; }
section#testimonials .testimonial-item .message{ font-size: 20px; text-align: center; line-height: 30px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); font-weight: normal; }
section#testimonials .testimonial-item .message i{ font-size: 30px; color: #A63730; }
section#testimonials .testimonial-item .message i.fa-quote-left{ padding-right: 20px; }
section#testimonials .testimonial-item .message i.fa-quote-right{ padding-left: 20px; } section#products-we-use .products{ text-align: center; }
section#products-we-use .products .prodLogo{ white-space: nowrap; height: 85px; display: inline-block; padding: 0 10px; margin-bottom: 40px; }
section#products-we-use .products .prodLogo img{ opacity: 0.6; }
section#products-we-use .products .prodLogo img:hover{ opacity: 1; }
section#products-we-use .products .prodLogo h4{ text-transform: uppercase; }
section#products-we-use .products .prodLogo span.helper{ display: inline-block; height: 100%; vertical-align: middle; }  section#contact .contact{ float: none; margin: 0 auto; padding-top: 2%;}
.gform_wrapper{ width: 100%; max-width: 100% !important; } form#gform_1 input, form#gform_1 textarea{ background: rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.8); margin: 5px auto; font-size: 20px; color: #ad3724; background: none; border: none; border: 1px dotted #201d1c; }
form#gform_1 input, form#gform_1 textarea{ width: 100%; }
form#gform_1 .gform_footer{ padding-top: 0; margin-top: 0; }
form#gform_1 .gform_footer input[type='submit']{ 
width: 150px;
height: 70px;
background: #201d1c;
font-family: 'Arvo', serif;
border: none;
-webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2);
font-size: 40px;
line-height: 40px;
color: #d9d5cc;
}
form#gform_1 .top_label .gfield_error, form#gform_1 div.validation_error{ width: 100%; }
form#gform_1 .gform_footer input[type='submit']:hover{ color: #ad3724; }
form#gform_1 .gfield_description.validation_message{ margin: 5px 25px; } .locomotive{ background-position: center; background-repeat: no-repeat; width: 100%; }
.align-center.social.col-2, .align-center.social.col-3, .social.col-4 {margin-top: 90px;font-size: 11px;}
ul#menu-secondary > li.menu-item {list-style: none;}
ul#menu-secondary > li.menu-item > a {color: white;}
.social.col-4 {margin-left: 0; width: 107%;}
.align-center.social.col-3 > p {font-size: 11px;}
.align-center.social.col-2 > p {margin: 0px;font-size: 12px;}
.align-center.social.col-2 > a {color: white;}
.align-center.social.col-1 > p {font-size: 11px;}
.align-center.social > p {margin: 0px;}
.menu-secondary-container {margin: 0 25%;} section.error-404.not-found {font-size: 17px;text-align: center;} section.no-results.not-found {font-size: 17px;text-align: center;} h1.entry-title {font-size: 42px;}
.show{color:#fff;}
span.info{display:none;} #accordion {
list-style: none;
padding: 2px;
width: 90%;
margin: 0 auto;
}
#accordion > li {
display: block;
list-style: none;
margin-bottom: 8px;
}
#accordion .detail-content *{ 
word-wrap: break-word; 
line-height: 26px; 
font-size: 15px;
}
#accordion > li > span {
display: block;
margin: 4px 0;
padding: 13px 20px;
background: rgba(235, 235, 235, 0.58);
font-weight: bold;
cursor: pointer; 
font-size: 14px;
padding-right: 40px;
}
#accordion > li > div {
list-style: none;
padding: 5px 20px;
display: none; overflow:auto
}
#accordion > ul li {
font-weight: normal;
cursor: auto;
padding: 0 0 0 7px;
}
#accordion a {
text-decoration: none;
}
#accordion li > span:hover {
}
#accordion li > span.active {
background: rgba(148, 148, 148, 0.8);
color: #fff;
}
#accordion li span.title{ font-size: 20px; font-weight: 600; text-align: center; }
#accordion li span.title .title_desc{ font-weight: normal;  } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{max-width: 100% !important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin-left: 0px !important;}
.gform_wrapper .top_label .gfield_error .ginput_container {max-width: 100% !important;margin-top: .75em !important;}
p.service-desc {padding-left: 4px;padding-right: 4px;}
div.row.footer-social + #social .row .col-md-3 .social  p{
margin-top: 0%;
}
.fa-search:before{
color: #bb2b32;
text-shadow: 1px 4px 3px black;
} .site:before{
content: "";
background: rgba(0,0,0,0.6);
width: 100%;
height: 100%;
display: block;
}
.logo img{
padding: 3%;
width: 45%;
}
.service-title + p{
color: white;
}
#products-we-use{
display: none;
}
.row.contact-info{
text-align: center;
border-top: 4px double black;
padding: 1%;
width: 510px;
}
.row.contact-info .fa{
font-size: 144%;
font-weight: bolder;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
border-top: 1px solid #bb2c33 !important;
border-bottom: 1px solid #bb2c33 !important;
background-color: rgba(187, 44, 51, 0.23) !important;
}
.gform_wrapper ul.gform_fields li.gfield{
padding-right: 0 !important;
}
div.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
max-width: 100% !important;
}
#services-products.section-content .row{
width: 95% !important;
}
::-webkit-input-placeholder { color:    #211e1d;
}
:-moz-placeholder { color:    #211e1d;
opacity:  1;
}
::-moz-placeholder { color:    #211e1d;
opacity:  1;
}
:-ms-input-placeholder { color:    #211e1d;
}
::-ms-input-placeholder { color:    #211e1d;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before{
color: #bb2b32;
text-shadow: 1px 4px 3px black;
}
#main.single-page{
background-color: rgba(34, 32, 29, 0.12); margin-bottom: -130px;
padding: 9% 15% 20% 15%;
}
.single-page .entry-content ul{
list-style: none;
}
.single-page .entry-content ul li a{
color: white;
} #page #head + #home{
padding-bottom: 0 !important;
}
body .gform_wrapper .top_label div.ginput_container{
margin-bottom: 4%;
}
#social .col-md-3 .social{
margin-top: 0 !important;
}
#services-products.section-content .row{
background-color: rgba(128, 128, 128, 0.23);
}
section#services-products .service-item .service-desc{
padding-left: 3%;
}
.slick-prev:before, .slick-next:before{
color: black !important;
}
.site-main.single-page .entry-content li a[href="http://aciwebprojects.com/skagitvalleyburgerexpress/site-map/"]{
display: none;
}
#content section,
#page section#social{
padding-bottom: 0;
}
#contact .row + iframe{
margin-bottom: -195px;
}
ul.primary-menu li.menu-item.selected{
background-color: black !important;
}
.gform_confirmation_wrapper{
padding: 15%;
}
iframe{
width:100% !important;
}
#page + .row p,
#page + .row h2,
#page + .row h1,
#page + .row ol,
#page + .row a,
#page + .row strong{
color: black !important; 
}
#page + .row h1{
font-family: 'Six Caps', sans-serif;
text-transform: uppercase;
font-size: 100px;
line-height: 120px;
}
#page + .row b,
#page + .row ol{
font-size: 20px;
text-align: justify;
line-height: 30px;
}
.slick-next {
right: 2%;
}
.hfeed .site-main > div.row{ 
background-color: rgba(34, 32, 29, 0.12); 
margin-bottom: -130px;
padding: 5% 15% 8% 15%; 
}
#login{ padding: 5% 0 0 !important; }
aside#secondary.sidebar.widget-area{ display: none !important; }
body footer{ background-color: #211e1d; color: white; padding: 2% 0; text-align: center; }
#contact .gform_validation_errors>h2 { font-size: 24px; }
#contact .gform_validation_errors>h2:before { margin-bottom: 6px; }
@media (min-width: 491px){
#contact .gform_validation_errors>h2 { font-size: 29px; }
}
@media (max-width: 490px){
#contact .gform_validation_errors>h2 { line-height: 42px; }
}
@media (max-width: 577px){
.pum-theme-542 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { right: -8px !important; }
#popmake-547 h4 { line-height: 35px; }
}
footer a,
section#social a{transition: ease-in-out .3s;}
footer a:hover,
section#social a:hover{color: #bb2c33!important;}.row{ width: 1024px; margin: 0 auto; }
.device_safari button, .device_safari input, .device_safari textarea{ -webkit-appearance: none !important; border-radius: 0; padding: 0; }
.gform_wrapper .top_label .gfield_error .ginput_container, .gform_wrapper .top_label .gfield_error .ginput_container{ max-width: 97%; margin: 0 auto; }
body .ei-slider { width: auto !important }
body .ei-slider ul li img {     object-fit: contain; }
@media only screen and ( max-width: 1280px ){
}
@media only screen and (max-width : 1024px) {
#header-search{ right: 20px; }
.row{ width: 96%; }
span.screen-reader-text {font-size: 96%;} section#services-products .service-item .service-desc {padding-top: 20px;}
section#services-products .service-item {padding: 8px;}
#services-products .row .service-item span{ font-size: 80%; }
.home #home img{ width: 66% !important; }
#page section#testimonials{ padding-left: 6%; padding-right: 5%; }
#page #home .logo img{ padding: 4%; width: 62%; } #page.site section#social .row{ padding-left: 5%;  padding-left: 5%;}
.testimonials > .row{ width: 85%; }
button.slick-next {
right: -3%;
}
}
@media only screen and (max-width : 990px) {
section#social > div.row{ display: -webkit-inline-box; padding-top: 13%; }
.row .col-md-3{ width: 25%; padding-top: 10%; }
}
@media only screen and (max-width : 980px) {
body{ min-width: 100%; width: 100%; }
.container_16, .container_16 .grid_16{ margin: 0 auto; width: 100%; }
#page section.section-content{ padding-left: 30px; padding-right: 30px; }
#header-search .search-submit {font-size: 32px;}
span.screen-reader-text {font-size: 96%;}
a.logo > img {margin-top: 100px;}
header#home .tagline h3 {top: 450px;} section#services-products .service-item .service-desc{ padding-top: 15px; } div.row div.col-md-3 {width: 25%;float: left; padding-top: 10%;}
.social { margin-top: 130px;}
.align-center.social.col-2, .align-center.social.col-3, .social.col-4 {margin-top: 200px;}
#toggle-mobile-menu.mobile-nav + .menu-primary-container ul.primary-menu{
padding-bottom: 0;
padding-top: 0;
}
div#page.site div.row + section#social .row{ padding-top: 12%; padding-left: 0%;}
#home + #content section#testimonials.section-content{ padding-left: 4%; padding-right: 3%; }
}
@media only screen and ( max-width: 979px ) {
#welcome.section-content .col-md-12 h1{ line-height: 90%; font-size: 410%; }
div#page.site div.row.footer-social + #social .row{ padding-top: 15%; padding-left: 0%;}
.testimonial-item .testimonial-content{ width: 60%; }
}
@media only screen and (max-width : 864px){
#page #social .row{ padding-top: 13%;  padding-left: 0%;}
#toggle-mobile-menu.mobile-nav + .menu-primary-container ul.primary-menu{ padding-bottom: 0; padding-top: 0; }
#welcome .row .col-md-12 h1{ font-size: 365%; }
}
@media only screen and (max-width : 800px) { .logo img {margin-top: 100px;}
.tagline > h3 {top: 450px !important; }
i.fa.fa-search {font-size: 30px;} div.col-sm-9.testimonial-content{width: 70%;} button.mobile-nav{ display: block; }
header #main-menu { display: none; }
header #main-menu li{ width: 100%; margin-left: -2%; text-align: center; }
section#testimonials .testimonial-profile{ width: 100%; height: auto; }
section#testimonials .testimonial-item .left .message, section#testimonials .testimonial-item .left .author{ padding-right: 0; }
section#testimonials .testimonial-item .right .message, section#testimonials .testimonial-item .right .author{ padding-left: 0; } #social div.row div.col-md-3 {width: 100%;}
.align-center.social.col-1 > img {width: 50% !important;}
#social .col-md-3 .social.col-4 {margin: 0; text-align: center;} .align-center.social.col-2 {height: auto; padding: 7%; }
.align-center.social.col-3, .align-center.social.col-4 {margin-top: 100px; height: 150px;}
.align-center.social.col-1 > p,.align-center.social.col-2 > p,.align-center.social.col-2 > a, .align-center.social.col-3 > p, .social.col-4 { font-size: 14px; }
.locomotive { top: -25px;  background-size: 35%;}
#welcome .col-md-12 h1{ font-size: 320%; }
#page #content section#testimonials{ padding-left: 10%;  padding-right: 10%; }
#page #social .row .col-md-3{ width: 100%; }
#page section#social .row .col-md-3:last-child .social{
margin: 0;
margin-top: 10% !important;
}
#page section#social .row .col-md-3:last-child .social ul#menu-secondary li{
text-align: center;
}
#toggle-mobile-menu.mobile-nav + .menu-primary-container ul.primary-menu{ padding-bottom: 50px; padding-top: 50px; }
#page.site div.footer-social section#social{ padding-bottom: 8%; }
#page.site div.footer-social section#social .row{ padding-bottom: 9%; }
.footer-social + section#social > div.row{ display: block; padding-top: 5%; }
body iframe {
height: auto;
min-height: 300px;
}
}
@media only screen and (max-width : 768px) and ( orientation: portrait ) {
#page #home .nav-container{ height: 25px !important; }
#page .row.footer-social + section#social{ padding-top: 20%;  padding-bottom: 10%; }
#page.site #home + div#content section#testimonials{ padding-left: 10%; padding-right: 10%;}
}
@media only screen and (max-width : 736px) { button.mobile-nav{ margin-top: 10px; }
button.mobile-nav.active + .menu-primary-container + script + script + div.row #header-search{ padding-top: 10px; top:-60px;}
header #main-menu li > a{ font-size: 30px; line-height: 60px; padding: 10px; }
header#home{ padding: 10px 15px 15px; }
header#home .tagline h3{ position: inherit; margin-top: -50px; }
.nav-container{ height: 0 !important; }
.logo img{ width: 100%; height: auto; }
header #main-menu li{ margin-left: 0; }
#header-search .search-field{ width: 250px; margin-right: 10px; } .locomotive { top: -30px; background-size: 30%;}
#welcome .col-md-12 h1{ font-size: 305%; }
#page #head + #home img{ margin-top: 6%; }
div#page section#social .row{ padding-top: 9%; padding-bottom: 10%;  padding-left: 0%; }
.row.contact-info{ width:100%; }
#welcome div.row .col-md-12 h1{ font-size: 300%; }
#page #home + div#content section#testimonials{ padding-left: 8%; padding-right: 8%; }
header div.menu-primary-container{ min-height: 56px !important; }
}
@media only screen and (max-width : 667px) and ( orientation: landscape ){
#welcome div.row .col-md-12 h1{ font-size: 270%; }
#page.site #social .row{ padding-top: 9%; padding-bottom: 10%; } 
.row.contact-info{ width:100%; }
#page.site #head + #home.clearfix a.logo img{ margin-top: 7%; width: 100% !important;}
#content + .footer-social .locomotive{ top: -17%; background-size: 35%; }
#services-products .row .cta_container{ padding-top: 1%; padding-bottom: 10%; }
header .menu-primary-container{ min-height: 76px; }
}
@media only screen and (max-width : 600px) {
body { background-image: url(http://www.skagitvalleyburgers.com/wp-content/uploads/2017/09/rsz_background-image_500x500-min-2.png);
opacity: 0.99;
color: #201d1c;
border-top: 2px solid #201d1c;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
.ei-slider{ height: 350px; }
#header-search .search-field{ width: 230px; }
#page  section#testimonials{ padding-left: 10%; padding-right: 10%;  }
.testimonial-item .testimonial-profile-wrapper, .testimonial-item .testimonial-content{ width: 50%; padding: 0; } .testimonial-item .right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.testimonial-item .right .testimonial-content {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.testimonial-item .right .testimonial-profile-wrapper {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
} .align-center.social.col-1 > p, .align-center.social.col-2 > p, .align-center.social.col-2 > a, .align-center.social.col-3 > p, .social.col-4 {font-size: 13px;}
.locomotive {background-size: 36%; top: -20%;}
.col-md-3 {width: 100%;}
.align-center.social.col-1 > img {width: 50% !important;}
.social {margin-top: 175px;}
.align-center.social.col-2, .align-center.social.col-3, .social.col-4 { margin: 35px 0 0;}
.align-center.social.col-2 { height: auto;}
ul#menu-secondary > li.menu-item {text-align: center;} section#services-products .service-item .service-desc {padding-top: 25px;}
section#welcome .row .col-md-12 h1{ font-size: 241%;
}
#page div.row	.footer-social section#social div.row{
padding-top: 0;
padding-bottom: 0;
margin-top: 2%;
}
body div#page header#home a.logo img{
margin-top: 10% !important;
margin-bottom: 0%;
width: 100% !important;
}
.testimonial-item .row.right{
display: block;
}
#page.site #content section#testimonials.section-content{ padding-left: 10%; padding-right: 10%; }
button.slick-next {
right: -5%;
}
}
@media only screen and (max-width : 414px) {
.sticky{ width: 100%; clear: both; }
section h2{ font-size: 70px; }
section#services-products .service-item .service-title{ font-size: 17px; } .ei-slider{ height: 250px; } .products .prodLogo{ width: 100%; } .locomotive { background-size: 40%; top: -16%;}
#toggle-mobile-menu + .menu-primary-container ul.primary-menu{
padding-bottom: 50px;
padding-top: 50px;
}
.row.contact-info{ width:100%; }
#page .footer-social + section#social .row{ padding-top: 9%; }
.cta_container { padding-bottom: 10%; }
div.footer-social + section#social > div.row{ padding-top: 10%; }
}
@media only screen and ( max-device-width: 375px ) and ( orientation: portrait ) { #toggle-mobile-menu + .menu-primary-container ul.primary-menu{
padding-bottom: 50px;
padding-top: 50px;
}
.row.contact-info{ width: 100%; }
#page #head + header#home.clearfix a.logo img{ margin-top: 20% !important; margin-bottom: 0%; width: 100% !important; }
#page .footer-social + section#social .row{ padding-top: 8%; }
#page section.section-content{ padding-left: 10px; padding-right: 10px; }
.slick-track .testimonial-item .testimonial-profile-wrapper, .slick-track .testimonial-item .testimonial-content{ width: 80%; margin-left: 11.5%; margin-right: auto; }
.testimonial-item .row.left .testimonial-profile-wrapper{ padding-bottom: 20%; }
#services-products.section-content .row .cta_container{ padding-bottom: 10%; }
#social .row .col-md-3 .social.col-3{ top: -14px; }
div.align-center.social.col-2{ padding: 0; }
div.footer-social + section#social > div.row{ padding-top: 15%; }
button.slick-prev {
left: -14px;
}
}
@media only screen and (max-width : 414px) and ( orientation: portrait ){
section#welcome div.row .col-md-12 h1{ font-size: 215%; line-height: 106%; }
section#welcome div.row .col-md-12 h1 + h3{ font-size: 100%; line-height: 100%; }
body #page div#head + header#home a.logo img{ margin-top: 16% !important; margin-bottom: 0%; }
}