@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,500,600,700&display=swap');

/*
    Navbar
 */

* {
    text-decoration: none !important;
}

.navbar {
    background-color: transparent !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: -0.20px;
}

.nav-container {
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(60, 60, 60, 0.15) !important;
}

.main-nav li {
    Margin-left: 20px !important;
}

.main-nav li a {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1F1F1F !important;
}

#nav-content {
    list-style-type: none !important;
    margin-top: -10px;
    display: inline-block;
}

#nav-content li {
    display: inline-block !important;
    padding: 10px;
}

#nav-content li a {

    color: #1F1F1F;
}

.nav-phone-booking {
    text-align: right;
    font-size: 14px;
}

.nav-phone-number {
    font-weight: 700;
    font-size: 24px;
}

.nav-phone-text {
    color: #EB1D1C;
    font-weight: 500;
}

.nav-or {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top !important;
    margin-top: 20px !important;
}

.nav-book-now {
    margin-top: 18px !important;
    vertical-align: top;
}

a.book-now {
    padding: 14px 33px 14px 32px;
    border-radius: 80px;
    background-color: #EB1D1C !important;
    font-size: 14px;
    color: white !important;
    font-weight: 600;
    text-transform: uppercase;
}

.order-online-btn a{
    background-color: #EB1D1C;
    padding: 10px 30px;
    border-radius: 30px;
    color: white;
}

/*
    Header
 */

.header {
    background: url("/assets/img/new_bg.jpg") no-repeat center center;
    background-size: cover;
    min-height: 100vh;
}

.header-secondary {
    background: url("/assets/img/wood_white.jpg") no-repeat center center;
}

.header .text {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-align: center;
    padding-top: 10vh;
}

.header .text h3 span {
    font-size: 44px;
    text-transform: uppercase;
    font-weight: 200;
    color: #838383;
    vertical-align: bottom;
}

.header .text h3 {
    padding-bottom: 60px;
}

.circle {
    display: inline-block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 250px;
    font-size: 24px;
    color: #fff;
    line-height: 64px;
    background: #EB1D1C;
    vertical-align: top;
    margin-right: 20px !important;
}

.header .text h1 {
    font-size: 300px;
    color: #EB1D1C;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 0.7;
}

.header .text h2 {
    font-size: 80px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase;
}

/*
    Products
 */

.products {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

.products .title h2 {
    text-transform: uppercase;
    font-size: 160px;
    color: #F4F4F4;
    font-weight: 600;
}

.products .title h3 {
    color: #7C7C7C;
    font-weight: 400;
    font-size: 36px;
    margin-top: -164px;
    text-transform: uppercase;
}

.products .title h4 {
    color: #EB1D1C;
    font-weight: 600;
    font-size: 60px;
    margin-top: -14px;
    text-transform: uppercase;
}

.products .title {
    padding-bottom: 20px;
}

.product-img {
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

.product-img {
    margin-top: 40px;
    background-size: cover !important;
    width: 100%;
    height: 350px;
}

.product-img h2 {
    color: white;
    font-weight: 600;
    font-size: 70px;
    text-transform: uppercase;
    padding-top: 15vh;
}

.pints {
    background: url("/assets/img/pints.jpg") no-repeat center center;
}

.novelties {
    background: url("/assets/img/novelties.jpg") no-repeat center center;
}

.creations {
    background: url("/assets/img/creations.jpg") no-repeat center center;
}

/*
    Team
 */

.our-team {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.our-team .title {
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

.our-team .title h2 {
    text-transform: uppercase;
    font-size: 160px;
    color: #F4F4F4;
    font-weight: 600;
}

.our-team .title h3 {
    color: #7C7C7C;
    font-weight: 400;
    font-size: 36px;
    margin-top: -164px;
    text-transform: uppercase;
}

.our-team .title h4 {
    color: #EB1D1C;
    font-weight: 600;
    font-size: 60px;
    margin-top: -14px;
    text-transform: uppercase;
}

.our-team .title {
    padding-bottom: 20px;
}

.our-team .team-img {
    margin-top: 40px;
    text-align: center;
}

.team-img img {
    width: 100%;
}

.team-img h3 {
    padding-top: 30px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 500;
    color: #EB1D1C;
    font-size: 30px;
}

.team-img h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: -8px;
    color: #1F1F1F;
}

.team-img p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    color: gray;
    padding: 10px;
}

/*
    About
 */

.about {
    padding-top: 80px;
    padding-bottom: 60px;

}

.about .title {
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

.about .title h2 {
    text-transform: uppercase;
    font-size: 160px;
    color: #F4F4F4;
    font-weight: 600;
    text-align: center;
}

.about .title h3 {
    text-align: center;
    color: #7C7C7C;
    font-weight: 400;
    font-size: 36px;
    margin-top: -164px;
    text-transform: uppercase;
}

.about .title h4 {
    color: #EB1D1C;
    text-align: center;
    font-weight: 600;
    font-size: 60px;
    margin-top: -14px;
    text-transform: uppercase;
}

.about .title {
    padding-bottom: 20px;
}

.about .secondary-title h3 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #1F1F1F;
    text-align: left;
    font-weight: 500;
    font-size: 50px;
    margin-top: 60px;
}

.about p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: gray;
    text-align: left;
    line-height: 1.6;
    margin-top: 20px;
}

.homewhite {
    background-color: whitesmoke !important;
    padding-bottom: 120px !important;
}
.about-img {
    margin-top: 60px;
    background: url("/assets/img/pints.jpg") no-repeat center center;
    background-size: cover;
    min-height: 500px;
}

.corporate {
    background: url("/assets/img/corporate.jpeg") no-repeat center center !important;
    background-size: cover !important;
}

.homeimg {
    background: url("/assets/img/home_page.jpeg") no-repeat center center !important;
    background-size: cover !important;
}

.about a {
    border-radius: 20px;
    color: white;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 16px 60px 14px 60px;
    background-color: #EB1D1C;
    text-align: left;
    text-transform: uppercase;
}

/*
    Deliver
 */

.deliver {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.deliver h2 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 100px;
    color: #1F1F1F;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.deliver h2 span {
    color: #EB1D1C;
}

.deliver a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #838383;
    text-transform: uppercase;
    font-size: 20px;
}

.deliver a span {
    padding-left: 10px;
}

/* Footer */

.footer {
    background-color: #F8F8F8;
    padding-top: 60px;
    padding-bottom: 40px;
}

.footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer ul li {
    font-family: 'Open Sans', sans-serif;
    color: #1F1F1F;
    font-weight: 600;
    font-size: 16px;
}

.footer .title {
    padding-bottom: 8px;
}

.footer ul li a {
    padding-top: 2px;
    color: #838383;
    font-weight: 400;
    font-size: 14px;
}

.footer hr {
    margin-top: 60px;
}

.footer h4 {
    padding-top: 30px;
    text-align: center;
    color: #838383;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.footer h5 {
    text-align: center;
    color: #838383;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.footer a {
    font-family: 'Open Sans', sans-serif;
    color: #EB1D1C;
    font-weight: 600;
}

/* Secondary Header */

.header-secondary {
    min-height: 40vh !important;
}

.header-secondary-text h1 {
    font-size: 160px !important;
    color: #1F1F1F !important;
}

.header-secondary-text h2 {
    padding-bottom: 80px !important;
    font-size: 28px !important;
    color: gray !important;
    font-weight: 300 !important;
    text-transform: none !important;
}

.productList {
    margin-top: -20px;
    padding-bottom: 40px;
}

.product-secondary img {
    width: 100%;
}

.product-secondary {
    margin-top: 20px;
}

.product-secondary h2 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 600;
    font-size: 32px;
    margin-top: 28px;
    color: #EB1D1C;
}

.product-secondary h3 {
    color: gray;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: -6px;
}

.product-secondary p {
    color: gray;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 12px;
}

.event-features {
    padding-top: 40px;
    padding-bottom: 0px;
    margin-top: 80px;
    border-top: 1px solid lightgray;
}

.event-feature {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.event-feature h2 {
    padding-top: 10px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

.event-feature p {
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    color: gray;
}

.clients {
    background-color: whitesmoke;
    padding-top: 50px;
    padding-bottom: 100px;
}

.client-logo {
    margin-top: 20px;
}

.client-logo img {
    filter: grayscale(100%) !important;
    width: 125px;
}

.contact-form {
    margin-top: 40px;
    background-color: whitesmoke;
    padding: 20px;
}

.contact-form input {
    width: 100%;
    padding: 8px;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 10px;
    margin-top: 6px;
}

.contact-form textarea {
    margin-bottom: 10px;
    margin-top: 6px;
    max-width: 100%;
    width: 100%;
    height: 150px;
    padding: 8px;
    outline: none !important;
    max-height: 250px;
    box-shadow: none !important;
    border: none !important;
}

.contact-form button {
    width: 100%;
    padding-top: 12px;
    outline: none;
    border: none;
    background-color: #EB1D1C;
    color: white;
    padding-bottom: 12px;
}

.contact-form button:hover {
    cursor: pointer;
}

.contact-form input::placeholder {
    color: lightgray;
}

.contact-form textarea::placeholder {
    color: lightgray;
}

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

    .header .text {
        padding-top: 22vh !important;
    }

    .header h1 {
        margin-top: -24px !important;
        font-size: 120px !important
    }

    .header .text span {
        font-size: 30px !important;
    }

    .header .circle {
        width: 50px !important;
        height: 50px !important;
        font-size: 18px !important;
        line-height: 54px !important;
        margin-right: 10px !important;
    }

    .header h2 {
        font-size: 40px !important;
    }

    .navbar-collapse {
        text-align: center !important;
    }

    #nav-or {
        opacity: 0 !important;
    }

    .products .title h2 {
        font-size: 100px !important;
    }

    .products .title h3 {
        margin-top: -120px !important;
    }

    .footer {
        text-align: center !important;
    }

    .footer ul {
        margin-top: 20px !important;
    }

    .about .title h2 {
        font-size: 100px !important;
    }

    .about .title h3 {
        margin-top: -120px !important;
    }

    .our-team .title h2 {
        font-size: 100px !important;
    }

    .our-team .title h3 {
        margin-top: -120px !important;
    }

    .about {
        text-align: center !important;
    }

    .about .secondary-title h3 {
        text-align: center !important;
    }

    .header-secondary-text {
      margin-top: -10vh !important;
    }

    .event-feature p {
        text-align: center !important;
    }

    .client-logo {
        text-align: center !important;
        margin-top: 40px;
    }

    .client-logo-top {
        margin-top: 0px !important;
    }

    .secondary-title p {
        text-align: center !important;
    }

    .contact-form {
        text-align: left !important;
    }

    .nav-phone-booking {
        text-align: center !important;
    }

    .navbar ul {
        padding: 0px !important;
        margin: 0px !important;
    }

    #nav-content {
        padding: 0px !important;
        margin: 0px !important;
    }

    #nav-content li {
        display: block !important;
    }

    .nav-book-now {
        margin-top: -60px !important;
    }

    .main-nav li {
        margin-left: 0px !important;
    }

    .navbar-light .navbar-toggler {
        border-color: transparent !important;
    }

    .navbar-toggler:focus {
        outline: none !important;
    }
    .phone-contact {
        padding: 0px !important;
        background-color: transparent !important;
    }
    .corporate {
        display: none !important;
    }

    .homeimg {
        display: none !important;
    }
}

.event-check {
    padding-right: 8px;
}

.event-check i {
    color: #eb1d1c;
}

.event-check ul {
    padding: 0;
    margin: 0;
}

.event-check p {
    margin-top: 0px !important;
    padding: 0 !important;
}

.event-check ul li {
    list-style-type: none !important;
    padding: 0 !important;
    margin-top: -10px !important;
}

.move-up {
    margin-top: 0px !important;
}

.bottompadding {
    padding-bottom: 20px;
}

.clients h2 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #1F1F1F;
    text-align: center;
    font-weight: 500;
    font-size: 50px;
    margin-top: 60px;
    padding-bottom: 30px;
}

div.row div.title.newcat{
    margin:auto;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #1F1F1F !important;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom:0;
    margin-bottom:0;
    color:red;
}

div.title.newcat h4.about.newheader{
    font-size: 3em;
    padding-bottom:0;
    margin-bottom:0;
}
div.col-md-4.special{
  margin:auto;
}
div.col-md-4.special div.product-secondary.special{
  width:125%;
}