/* Full Spoon Bootstrap Theme * Author - Petia Koleva @ http://designify.me */ /* Global Styles ================================ */ body {overflow-x: hidden;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;} .text-muted {color: #777;} .text-primary {color: #fed136;} p {font-size: 16px;line-height: 1.75;} p.large {font-size: 16px;} a, a:hover, a:focus, a:active, a.active {outline: 0;} a {color: #FF0000;} a:hover, a:focus, a:active, a.active {color: #f9bf3b;text-decoration: none;} h1, h2, h3, h4, h5, h6 {text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;} .img-centered {margin: 0 auto;} /* Backgrounds ================================ */ .bg-light-gray {background-color: #f7f7f7;} .bg-darkest-gray {background-color: #363636;} /* Buttons ================================ */ .btn {border-radius: 0;} .btn-primary {border-color: #eec32f;text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;color: #fff;background-color: #fed136;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { border-color: #f6bf01;color: #fff;background-color: #f9bf3b;} .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-image: none;} .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {border-color: #eec32f;background-color: #fed136;} .btn-primary .badge {color: #fed136;background-color: #fff;} .btn-outline {text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700;color: #fff;background-color: transparent;border: 2px solid #FFF;} .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active, .open .dropdown-toggle.btn-outline { border: 2px solid #FFF;color: #f9bf3b;background-color: #FFF;} .btn-outline:active, .btn-outline.active, .open .dropdown-toggle.btn-outline {background-image: none;} .btn-outline.disabled, .btn-outline[disabled], fieldset[disabled] .btn-outline, .btn-outline.disabled:hover, .btn-outline[disabled]:hover, fieldset[disabled] .btn-outline:hover, .btn-outline.disabled:focus, .btn-outline[disabled]:focus, fieldset[disabled] .btn-outline:focus, .btn-outline.disabled:active, .btn-outline[disabled]:active, fieldset[disabled] .btn-outline:active, .btn-outline.disabled.active, .btn-outline[disabled].active, fieldset[disabled] .btn-outline.active {border-color: #eec32f;background-color: #fed136;} .btn-outline .badge {color: #fed136;background-color: #fff;} .btn-outline-orange {text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700;color: #fed136;background-color: transparent;border: 2px solid #fed136; border-color:#fed136} .btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange.active, .open .dropdown-toggle.btn-outline-orange { border: 2px solid #f9bf3b;color: #f9bf3b;background-color: #FFF;} .btn-outline-orange:active, .btn-outline-orange.active, .open .dropdown-toggle.btn-outline-orange {background-image: none;} .btn-outline-orange.disabled, .btn-outline-orange[disabled], fieldset[disabled] .btn-outline-orange, .btn-outline-orange.disabled:hover, .btn-outline-orange[disabled]:hover, fieldset[disabled] .btn-outline-orange:hover, .btn-outline-orange.disabled:focus, .btn-outline-orange[disabled]:focus, fieldset[disabled] .btn-outline-orange:focus, .btn-outline-orange.disabled:active, .btn-outline-orange[disabled]:active, fieldset[disabled] .btn-outline-orange:active, .btn-outline-orange.disabled.active, .btn-outline-orange[disabled].active, fieldset[disabled] .btn-outline-orange.active {border-color: #eec32f;background-color: #fed136;} .btn-outline-orange .badge {color: #fed136;background-color: #fff;} .btn-contact {padding: 10px 20px;border-color: #eec32f;text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 700;color: #fff;background-color: #fed136;} .btn-contact:hover, .btn-contact:focus, .btn-contact:active, .btn-contact.active, .open .dropdown-toggle.btn-contact { border-color: #f6bf01;color: #fff;background-color: #f9bf3b;} .btn-contact:active, .btn-contact.active, .open .dropdown-toggle.btn-contact {background-image: none;} .btn-contact.disabled, .btn-contact[disabled], fieldset[disabled] .btn-contact, .btn-contact.disabled:hover, .btn-contact[disabled]:hover, fieldset[disabled] .btn-contact:hover, .btn-contact.disabled:focus, .btn-contact[disabled]:focus, fieldset[disabled] .btn-contact:focus, .btn-contact.disabled:active, .btn-contact[disabled]:active, fieldset[disabled] .btn-contact:active, .btn-contact.disabled.active, .btn-contact[disabled].active, fieldset[disabled] .btn-contact.active {border-color: #eec32f;background-color: #fed136;} .btn-contact .badge {color: #fed136;background-color: #fff;} /* Navbar ================================ */ .navbar-default {border-color: transparent;background-color: #363636;} .navbar-default .navbar-brand {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, color: #fed136;} .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {color: #B20000;} .navbar-default .navbar-collapse {border-color: rgba(255,255,255,.02);} .navbar-default .navbar-toggle {border-color: transparent;background-color: transparent;} .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;} .navbar-default .nav li a {text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;letter-spacing: 1px;color: #FFF;white-space: nowrap;} .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {outline: 0;color: #868686;} .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent;} .navbar-default .nav-justified>.active>a {border-radius: 0;color: #D7D7D7;background-color: transparent;} .navbar-default .nav-justified>.active>a:hover, .navbar-default .nav-justified>.active>a:focus {color: #D7D7D7; background-color: transparent;} @media(min-width:768px) { .navbar-default {padding: 15px 0;border: 0;background-color: #363636;color: #FFF;-webkit-transition: padding .3s;-moz-transition: padding .3s;transition: padding .3s;} .navbar-default .navbar-brand {font-size: 2em;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .navbar-default .nav-justified>.active>a {border-radius: 3px;} .navbar-default.navbar-shrink { /*padding: 10px 0; Can be activated to shrink the navbar when page is scrolled */ background-color: #363636;color: #FFF;} .navbar-default.navbar-shrink .navbar-brand {font-size: 1.5em;} } /* Header ================================ */ header {text-align: center;color: #000;background-attachment: scroll;background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; background-size: cover;-o-background-size: cover;} header .intro-text {padding-top: 100px;padding-bottom: 1px;} header .intro-text .intro-lead-in {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 160px;line-height: 160px;text-transform: uppercase;font-weight: 900;} header .intro-text .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 50px;font-weight: 700;line-height: 50px;} @media(min-width:768px) { header .intro-text p.address {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 150px;text-transform: uppercase;font-size: 24px} header .intro-text {padding-top: 200px;padding-bottom: 100px;} header .intro-text .intro-lead-in {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 100px;line-height: 100px;text-transform: uppercase;font-weight: 900;} header .intro-text .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 35px;font-weight: 700;line-height: 75px;} } @media(max-width:767px) { header .intro-text p.address {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 50px;text-transform: uppercase;font-size:16px;} } header .intro-text-sm {padding-top: 80px;padding-bottom: 20px;} header .intro-text-sm .intro-lead-in {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 160px;line-height: 160px;text-transform: uppercase;font-weight: 900;} header .intro-text-sm .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 50px;font-weight: 700;line-height: 50px;} @media(min-width:768px) { header .intro-text-sm p.address {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 130px;text-transform: uppercase;font-size: 24px} header .intro-text-sm {padding-top: 100px;padding-bottom:0px;} header .intro-text-sm .intro-lead-in {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 50px;line-height: 50px;text-transform: uppercase;font-weight: 900;} header .intro-text-sm .intro-heading {margin-bottom: 50px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 35px;font-weight: 700;line-height: 35px;} } @media(max-width:767px) { header .intro-text-sm p.address {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 30px;text-transform: uppercase;font-size:16px;} } #home {background-image: url(../img/Full-Spread.jpg); } #aboutus {background-image: url(../img/headers/aboutus-header.jpg); } #menubg {background-image: url(../img/headers/menu-header.jpg); } #servicesbg {background-image: url(../img/headers/services-header.jpg); } #eventsbg {background-image: url(../img/headers/events-header.jpg); } #teambg {background-image: url(../img/headers/team-header.jpg); } #contactbg {background-image: url(../img/headers/contact-header.jpg); } /* Sections Global Styles ================================ */ section {padding: 80px 0;} section h2.section-heading {margin-top: 0;margin-bottom: 15px;font-size: 60px;font-family: 'Amatic SC', cursive;} section h3.section-subheading {text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} /* Section Menus ================================ */ section#menu h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#menu {background-attachment: scroll;background-image: url(../img/menu-bg.jpg);background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; -o-background-size: cover;color: #fff;} section#menu strong.title {font-size: 24px;text-transform: uppercase} section#menu .orange-bg {background-color: #f9bf3b;padding: 40px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} section#menu .menu-bg {background-color: rgba(150,150,150,0.3);padding: 40px 20px;border-radius: 5px;color: #FFF;} section#menu-inner h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#menu-inner {background-attachment: scroll;background-image: url(../img/menu-inner-bg.jpg);background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; -o-background-size: cover;} section#menu-inner strong.title {font-size: 24px;text-transform: uppercase} section#menu-inner .orange-bg {background-color: #f9bf3b;padding: 40px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} section#menu-inner .menu-bg {background-color: rgba(54,54,54,0.95);padding: 40px 20px;border-radius: 5px;color: #FFF;} /* Section Services ================================ */ #services .service {padding: 20px;color: #FFF;margin: 20px 0;} #services h4 {font-family: 'Amatic SC', cursive;font-size: 28px;} .service-heading {margin: 15px 0;text-transform: none;} /* Section Team ================================ */ section#team {color: #FFF;} section#team h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#team h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#team-inner {color: #363636;} section#team-inner h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} section#team-inner h3.section-subheading {margin-bottom: 75px;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 400;} .team-member {margin-bottom: 50px;text-align: center;} .team-member img {margin: 0 auto;} .team-member h3 {font-family: 'Amatic SC', cursive;margin-top: 25px;margin-bottom: 0;text-transform: none;font-size: 36px;font-weight: 900;color: #f9bf3b;} .team-member p {margin-top: 0;} /* Section Events ================================ */ section#events {background: #f9bf3b;color: #FFF;} section#events-inner {color: #363636;} /* Section Testimonials ================================ */ section#testimonials {background: #f1f1f1;color: #363636;} section#testimonials h2 {font-family: 'Amatic SC', cursive; font-weight:bold; font-size:36px; color:#f9bf3b} section#testimonials p { font-size:16px;} /* Section CTA Boxes ================================ */ section#cta-boxes {padding: 50px 0;} /* Section Contact ================================ */ section#contact {background-color: #f9f9f9;background-position: center;background-repeat: no-repeat;} section#contact .section-heading {color: #434343;} section#contact h4 {font-family: 'Amatic SC', cursive;font-size: 48px;} section#contact .form-group {margin-bottom: 25px;} section#contact .form-group input, section#contact .form-group textarea {padding: 20px;} section#contact select.form-control {padding: 20px;} section#contact .form-group select.form-control {height: auto;} section#contact .form-group input.form-control {height: auto;} section#contact .form-group textarea.form-control {height: 322px;} section#contact .form-control {border: 1px solid #eee;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);box-shadow: inset 0 0px 0px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} section#contact .form-control:focus {border-color: #eec32f;box-shadow: none;} section#contact::-webkit-input-placeholder {text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;color: #bbb;} section#contact:-moz-placeholder {text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700;color: #bbb;} section#contact::-moz-placeholder {text-transform: uppercase;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 700; color: #bbb;} section#contact:-ms-input-placeholder {text-transform: uppercase; font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #bbb;} section#contact .text-danger {color: #e74c3c;} /* Section 404 ================================ */ #four-o-four {padding:85px 0} #four-o-four h3 {color:#f9bf3b; font-size:11em} #four-o-four p { font-size:2em} /* Section 404 ================================ */ #blank {min-height:900px} /* Footer ================================ */ footer {padding: 10px 0;text-align: center;background: #363636;color: #FFF;} footer span.copyright {text-transform: uppercase;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 40px;} footer ul.quicklinks {margin-bottom: 0;text-transform: uppercase;text-transform: none;font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 40px;} /* Social Buttons ================================ */ ul.social-buttons {margin-bottom: 0;} ul.social-buttons li a {display: block; width: 30px;height: 30px;border-radius: 100%;font-size: 15px;line-height: 30px;outline: 0px none;color: #FFF; background-color: #222; -webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;} ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {background-color: #fed136; } /* Menus Modals ================================ */ #services .menu-item {right: 0;margin: 0 0 15px;} #services .menu-item .menu-link {display: block;position: relative;margin: 0 auto;max-width: 100%;min-height: 200px;} #services .menu-item .menu-link .menu-hover {position: absolute;width: 100%;height: 100%;opacity: 0;background: rgba(254,209,54,.9);-webkit-transition: all ease .5s;-moz-transition: all ease .5s;transition: all ease .5s;} #services .menu-item .menu-link .menu-hover:hover {opacity: 1;} #services .menu-item .menu-link .menu-hover .menu-hover-content {position: absolute;top: 50%;width: 100%;height: 20px; margin-top: -12px;text-align: center;font-size: 20px;color: #fff;} #services .menu-item .menu-link .menu-hover .menu-hover-content i {margin-top: -12px;} #services .menu-item .menu-link .menu-hover .menu-hover-content h3, #services .menu-item .menu-link .menu-hover .menu-hover-content h4 {margin: 0;} #services .menu-item .menu-caption {margin: 0 auto;padding: 25px;max-width: 100%;text-align: center;} #services .menu-item .menu-caption h4 {margin: 0;text-transform: none;} #services .menu-item .menu-caption p {margin: 0;font-size: 16px;font-style: italic;} #services * {z-index: 2;} @media(min-width:767px) { #services .menu-item {margin: 0 0 30px;}} .menu-modal .modal-content {padding: 50px 0;min-height: 100%;border: 0;border-radius: 0;text-align: center; background-clip: border-box;-webkit-box-shadow: none;box-shadow: none;} .menu-modal .modal-content h2 {margin-bottom: 15px;font-size: 3em;font-family: 'Amatic SC', cursive;font-weight:bold;} .menu-modal .modal-content .modal-body h3 {margin-bottom: 15px;font-size: 2em;font-family: 'Amatic SC', cursive; font-weight:bold;color: #f9bf3b;} .menu-modal .modal-content p {margin-bottom: 30px;font-size:14px;} .menu-modal .modal-content p.item-intro {margin: 20px 0 30px;font-size: 16px;font-style: italic;} .menu-modal .modal-content ul.list-inline {margin-top: 0;margin-bottom: 30px;} .menu-modal .modal-content img {margin-bottom: 30px;} .menu-modal .close-modal {position: absolute;top: 25px;right: 25px;width: 75px;height: 75px;background-color: transparent;cursor: pointer;} .menu-modal .close-modal:hover {opacity: .3;} .menu-modal .close-modal .lr {z-index: 1051;width: 1px;height: 75px;margin-left: 35px;background-color: #222; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .menu-modal .close-modal .lr .rl {z-index: 1052;width: 1px;height: 75px;background-color: #222;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);} .menu-modal .modal-backdrop {display: none;opacity: 0;} div#menuModal1 {padding-right: 0 !important;} @media(max-width:767px) { .menu-modal .close-modal {position: absolute;top: 5px;right: 25px;width: 75px;height: 75px;} .menu-modal .close-modal .lr {z-index: 1051;width: 1px;height: 55px;margin-left: 60px;background-color: #222; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .menu-modal .close-modal .lr .rl {z-index: 1052;width: 1px;height: 55px;background-color: #222;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);} } /* Video Background ================================ */ .homepage-hero-video {border-right: none;border-left: none;position: relative;} .no-video .video-container video,.touch .video-container video {display: none;} .no-video .video-container .poster,.touch .video-container .poster {display: block !important;} .video-container {position: relative;bottom: 0%;left: 0%;height: 100%;width: 100%;overflow: hidden;background: #000;} .video-container .poster img {width: 100%;bottom: 0;position: absolute;} .video-container .filter {z-index: 100;position: absolute;background: rgba(0, 0, 0, 0.4);width: 100%;} .video-container video {position: absolute;z-index: 0;bottom: 0;} .video-container video.fillWidth {width: 100%;} .video-container .title-container {z-index: 1000;position: absolute;top: 20%;width: 100%;text-align: center;color: #fff;} .video-container .description .inner {width: 45%;margin: 0 auto;} .video-container .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 6em;font-weight: 700;} .video-container p.address {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 150px;text-transform: uppercase;font-size:1.7em} /* Miscellaneous ================================ */ .btn:focus, .btn:active, .btn.active, .btn:active:focus {outline: 0;} ::-moz-selection {text-shadow: none;background: #fed136;} ::selection {text-shadow: none;background: #fed136;} img::selection {background: 0 0;} img::-moz-selection {background: 0 0;} body {webkit-tap-highlight-color: #fed136;} .border {margin: 20px 0;} .hovercta-bg {background-color: #f9bf3b;padding: 30px;margin: 20px 0;} .hovercta-bg:hover {background-color: #363636;padding: 30px;} /* Colour Accents ================================ */ .orange-accent {color: #f9bf3b} .white-accent {color: #FFF} .dark-accent {color: #434343;} /* Margin Adjustments ================================ */ .mrgn20-top {margin-top: 20px} .mrgn30-top {margin-top: 30px} .mrgn40-top {margin-top: 40px} .mrgn80-top {margin-top: 80px} .mrgn20-btm {margin-bottom: 20px} .mrgn30-btm {margin-bottom: 30px} .mrgn40-btm {margin-bottom: 40px} .mrgn20-top-btm {margin: 20px 0} .mrgn30-top-btm {margin: 30px 0} .mrgn40-top-btm {margin: 40px 0} #iframe {padding:30px 0;} @media(max-width:767px) { .mrgn80-top {margin-top: 0px}} /* Carousel Adjustments ================================ */ html, body {height: 100%;} .carousel, .item, .active {height: 100%;} .carousel-inner {height: 100%;} /* Background images are set within the HTML using inline CSS, not here */ .fill {width: 100%; height: 100%;background-position: center;-webkit-background-size: cover;-moz-background-size: cover; background-size: cover;-o-background-size: cover;} .carousel-caption {right: 20%;left: 20%;padding-bottom: 30px;top: 20%;} .carousel-caption p.address {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 150px;text-transform: uppercase;font-size: 24px} .carousel-caption .intro-heading {margin-bottom: 25px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 50px;font-weight: 700;line-height: 50px;} @media(max-width:767px) { .carousel-caption p.address {font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;padding-top: 10px;text-transform: uppercase;font-size:14px;} .carousel-caption .intro-heading {margin-bottom: 50px;text-transform: uppercase;font-family: 'Amatic SC', cursive; font-size: 35px;font-weight: 700;line-height: normal;} .carousel-caption {right: 10%;left: 10%;padding-bottom: 30px;top: 15%;} } .carousel-control.left {background-image:none} .carousel-control.right {right: 0;left: auto;background-image:none} /* Gallery ================================ */ #gallery-item{ width: 370px; height: 370px; float: left; margin:0px 15px 15px 0px; position: relative; display: inline-block; background: #ccc } #gallery-item-third{ width: 370px; height: 370px; float: left; margin:0px 0px 15px 0px; position: relative; display: inline-block; background: #ccc } @media (max-width: 1200px){ #gallery-item-third{ margin-right: 15px!important } } /* Beer List ================================ */ div#taphunter-webmenu-5762506447650816 { /* TEXT-ALIGN: CENTER; */ WIDTH: 72%!IMPORTANT; margin: 0 auto!important; } .taphunter-row { width: 50%; display: inline-block; } section#menulunch, section#menudinner, section#menubrunch { padding: 0px!important; }