/*
Theme Name:         Mazarine
Description:        Mazarine Bootstrap (v3.3.4) WordPress Theme.
Version:            1.0.0
Author:             Albertson Design
Author URI:         http://albertsondesign.com/
*/

/* ---------------------------------------------------------------------------- 
  Stylesheet
---------------------------------------------------------------------------- */

/* Fonts */
/* @import must be at top of file, otherwise CSS will not work */
@import url("https://hello.myfonts.net/count/31dd34");

  
@font-face {font-family: 'BrandonGrotesqueWeb-BoldItalic';src: url('assets/fonts/31DD34_0_0.eot');src: url('assets/fonts/31DD34_0_0.eot#iefix') format('embedded-opentype'),url('assets/fonts/31DD34_0_0.woff') format('woff2'),url('assets/fonts/31DD34_0_0.woff') format('woff'),url('assets/fonts/31DD34_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Bold';src: url('assets/fonts/31DD34_1_0.eot');src: url('assets/fonts/31DD34_1_0.eot#iefix') format('embedded-opentype'),url('assets/fonts/31DD34_1_0.woff') format('woff2'),url('assets/fonts/31DD34_1_0.woff') format('woff'),url('assets/fonts/31DD34_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Regular';src: url('assets/fonts/31DD34_2_0.eot');src: url('assets/fonts/31DD34_2_0.eot#iefix') format('embedded-opentype'),url('assets/fonts/31DD34_2_0.woff') format('woff2'),url('assets/fonts/31DD34_2_0.woff') format('woff'),url('assets/fonts/31DD34_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Italic';src: url('assets/fonts/31DD34_3_0.eot');src: url('assets/fonts/31DD34_3_0.eot#iefix') format('embedded-opentype'),url('assets/fonts/31DD34_3_0.woff') format('woff2'),url('assets/fonts/31DD34_3_0.woff') format('woff'),url('assets/fonts/31DD34_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Medium';src: url('assets/fonts/31DD34_4_0.eot');src: url('assets/fonts/31DD34_4_0.eot#iefix') format('embedded-opentype'),url('assets/fonts/31DD34_4_0.woff') format('woff2'),url('assets/fonts/31DD34_4_0.woff') format('woff'),url('assets/fonts/31DD34_4_0.ttf') format('truetype');}

/* End Fonts */
body {
	overflow-x: hidden;
	font-family:'BrandonGrotesqueWeb-Regular';
	font-size:18px; line-height:1.4em;
	color:#6F6F6E;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {clear: both;}

.red {color:#E20613;}
.gray {color:#6F6F6E;}

a, a:link, a:visited, a:active {color:#E20613;}
a:focus{
	outline:none;
	outline:none;
	outline-offset:0
	}

.no-padding {padding-left:0 !important; padding-right:0 !important;}
/* .no-margin {margin-left:0 !important; margin-right:0 !important;} */

.alignleft {float:left; margin-right:20px; margin-bottom:10px;}
.alignright {float:right; margin-left:20px; margin-bottom:10px;}

.center-text {text-align:center;}

.img-heading {text-align:center; margin-bottom:30px;}
.img-heading img {height:36px; width:auto;}

.container.general {
	padding-top:50px;
	padding-bottom:50px;
}

/* Header */

.head-wrapper {
	/* background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	width:100%;
	max-width:1800px; */
	height:auto; 
	margin-bottom:3px;
}

.head-wrapper img {
	width:100%; height:auto;
	max-width:1800px;
} 

.site-header {
	text-align:center;
	padding:120px 0;
}

.navbar-brand {
	float:none;
    font-size: 12px;
    height: auto;
	margin:0 auto;
    line-height: 12px;
    padding: 0;
	display:inline-block;
}

.navbar-brand img { /* logo */
    width:390px; height:auto;
	opacity:.8;
}

.location-tag {
	color:#fff; 
	text-align:center; 
	text-transform:uppercase;
	margin-top:30px; margin-bottom:0;
	letter-spacing:4px;
	font-size:1.2em;
	font-family:'BrandonGrotesqueWeb-Bold';
}

.border-head {
	background:url(assets/img/bg-lines.png) center 6px repeat-x;
	text-align:center;
}

.border-head span {
	background:#fff; 
	padding:0 12px 0 14px;
	text-transform:uppercase;
	font-size:17px;
	line-height:17px;
	letter-spacing:2px;
	font-family:'BrandonGrotesqueWeb-Bold';		
}

.border-head span.lower {
	text-transform:none;
	font-size:18px;
	font-family:'BrandonGrotesqueWeb-Medium';		
}

.head-hours {
	text-align:center;
	padding-top:15px;
}

.head-hours p {
	text-transform:none;
	font-size:18px;
	font-family:'BrandonGrotesqueWeb-Regular';
}

.navigation-twitter {padding-bottom:50px;}

/* Nav */

.main-nav {margin-top:40px;}
.main-nav.btm {margin-top:10px;}

.main-nav .columns {text-align:center;}

.main-nav a {
	border:1px solid #E20613;
	border-radius: 50%;
	width: 87px;
	height: 87px; 
	display:block;
	text-align:center;
	padding:28px 26px 26px;
	line-height:1em;
	margin:0 auto;
}

.main-nav a.email {
	padding:30px 26px 26px;
}

.main-nav a.insta {
	padding:30px 26px 26px;
}

.main-nav a.find-us,
.main-nav a.our-menu {
	color:#000;
	text-transform:uppercase;
	text-align:center;
	padding:28px 10px 0 11px;
	letter-spacing:2px;
	font-size:16px;
	font-family:'BrandonGrotesqueWeb-Bold';
}

/* Twitter */

#twitter-wrap {
	margin:30px auto;
	text-align:center;
	width:450px;	
}

.tweet-icon {
	border:1px solid #d9d9d8;
	width:50px;
	float:left;
	background:url(assets/img/icon-twitter-gray.svg) center center no-repeat;
}

.tweet-content {
	border-top:1px solid #d9d9d8;
	border-bottom:1px solid #d9d9d8;
	border-right:1px solid #d9d9d8;
	text-align:left;
	padding:0;
	font-size:16px; line-height:1.2em;
	float:left;
	width:400px;
}

.tweet-content span {
	padding:7px 20px;
	display:inline-block;
}

.tweet-content .tweet_profile_img,
.tweet-content .tweet_primary_meta,
.tweet-content .tweet_secondary_meta {display:none;}

/* Red Message */

.red-message {
	background-color:#E20613; padding:30px; text-align:center;
	color:#fff;
}

.red-message a {
	color:#fff;
}

.white-arrow {
	background:url(assets/img/arrows-white.svg) right top no-repeat;
	background-size:25px 22px;
	padding:0 55px 0 0;
	color:#fff;
	font-size:20px; line-height:20px;
	font-family:'BrandonGrotesqueWeb-Medium';
	display:inline-block;
}

/* Gallery */

.gallery {}
.gallery img {width:100%; height:auto;}
.gallery .columns {padding:0 !important;}

.gallery .columns.more-photos {
	padding-top:30px !important;
	padding-bottom:50px !important;
	text-align:center;
}

.more-photos a {
	background:url(assets/img/arrows-gray.svg) right top no-repeat;
	background-size:25px 22px;
	padding:0 45px 0 0;
	color:#6F6F6E;
	font-size:14px; line-height:1.6em;
	letter-spacing:2px;
	font-family:'BrandonGrotesqueWeb-Bold';
	display:inline-block;
	text-transform:uppercase;
}

/* Our Story */

.our-story {
	padding-bottom:30px;
}

/* Map */

.maz-map {padding:30px 0;}
.maz-map iframe {}
.maz-map img {width:100%; height:auto;}
.maz-map #overlay.visible-xs {}

/* Get in Touch */

.get-in-touch {
	padding:50px 0;
}

.get-in-touch p {
	margin:0 0 30px;
	font-size:16px;
	font-style:italic;
}

/********************/
/****** MENU *******/
/******************/

.page-id-8 .head-wrapper {
	height:auto;
}

.page-id-8 .site-header {
	text-align:center;
	padding:30px 0 50px;
}

.page-id-8 .navbar-brand img { /* logo */
    width:390px; height:auto;
	opacity:.45;
} 

.page-id-8 .head-wrapper p {
	text-transform:uppercase;
	color:#1d1d1b;
	font-family:'BrandonGrotesqueWeb-Bold';
	margin:50px 0 0;
	font-size:24px;
	letter-spacing:2px;
}

.page-id-8 .red-message {
	margin-top:-5px;
}

.menu-main-row {
	margin-top:50px; margin-bottom:15px;
}

.menu-main-row.beverages {
	margin-top:25px; padding-top:25px;
	border-top:1px solid #6F6F6E;
}

.menu-main-row p {
	margin:0 0 0;
	line-height:1.2em;
}

.menu-main-heading p {
	color:#E20613;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:18px;
	font-family:'BrandonGrotesqueWeb-Bold';
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
}

.menu-item-row {margin-bottom:15px;}

.menu-item-row p {
	color:#1d1d1b; 
	font-family:'BrandonGrotesqueWeb-Medium';
	padding-left:15px;
}

.menu-item-row .cost p {
	text-align:right;
	padding-right:15px;
	padding-left:0;
}

.menu-item-row p span {
	display:block;
	color:#6F6F6E;
}

.menu-bottom-content {
	text-align:center;
	color:#6F6F6E;
	padding-top:20px; padding-bottom:20px;
}

.back {
	padding-top:20px; padding-bottom:0;
}

.back a {
	color:#6F6F6E;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:14px;
	padding-left:20px;
}

/***************************/
/***** Pour Over Menu *****/
/*************************/

.border-one {
	width:100%;
	margin:0 auto; padding:10px;
	border:1px solid #6F6F6E; 
}

.border-two {
	width:100%;
	padding:5px;
	border:1px solid #E20613; 
}

.border-three {
	width:100%;
	padding:30px;
	border:1px solid #E20613; 
}

.pour-over-main {
	text-align:center;
}

.pour-over-main p {
	margin-bottom:2px;
}

.pour-over-main .main-heading {
	color:#1d1d1b; 
	font-family:'BrandonGrotesqueWeb-Bold';
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:22px;
	margin-top:20px; margin-bottom:20px;
}

.red-heading {
	color:#E20613; 
	font-family:'BrandonGrotesqueWeb-Medium';
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:20px;
}

.gray-heading {
	color:#6f6f6e; 
	font-family:'BrandonGrotesqueWeb-Medium';
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:18px;
}

.italic-copy {
	color:#1d1d1b; 
	font-family:'BrandonGrotesqueWeb-Regular';
	font-size:18px;
	font-style:italic;
}

.location-copy {
	color:#6f6f6e; 
	font-family:'BrandonGrotesqueWeb-Regular';
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:16px; line-height:22px;
}

.pour-over-main .cost-copy {
	color:#1d1d1b; 
	font-family:'BrandonGrotesqueWeb-Regular';
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:20px;
	margin-bottom:30px;
}


.pour-over-main .pour-col-block.red-headers .red-heading,
.pour-over-main .pour-col-block.italic-headers .italic-copy {
	margin-bottom:20px;
}

/* Modal Styles */
.modal-header {
    border-bottom: none;
    min-height: 16.43px;
    padding: 20px 15px 5px;
}

.modal-title {
    line-height: 1.42857;
    margin: 0;
	text-align:center;
}

.modal-title img {
    width:150px; height:auto;	
}

.close {
    font-size: 30px;
    font-weight: 100;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-header .print-icon {
    margin-top:15px; margin-left:5px;
	color:#999;
}

.text-right .print-icon {
    font-size:24px;
}

.modal-header .fa-print {
    font-size:24px;	
}


/*******************************/
/********* Print Pour Over Menu *********/
/*****************************/

.page-id-10 .site-header,
.page-id-177 .site-header {
	text-align:center;
	padding:0 0 15px;
	box-sizing: border-box;
}

.page-id-10 .site-header img,
.page-id-177 .site-header img {
	width:200px; height:auto;
}

.page-id-10 .menu-main-row,
.page-id-177 .menu-main-row {
    margin-bottom: 0;
    margin-top: 0;
	box-sizing: border-box;
}

.page-id-10 .border-one,
.page-id-177 .border-one  {
	width:100%;
	margin:0 auto; padding:15px;
	border:2px solid #6F6F6E;
	box-sizing: border-box; 
}

.page-id-10 .border-two,
.page-id-177 .border-two  {
	width:100%;
	padding:5px;
	border:2px solid #E20613; 
	margin:0 auto;
	box-sizing: border-box;
}

.page-id-10 .border-three,
.page-id-177 .border-three {
	width:100%;
	padding:5px;
	border:2px solid #E20613;
	margin:0 auto; 
	box-sizing: border-box;
}

.page-id-10 .col-xs-6 {
    width: 50%;
	float: left;
	min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

.page-id-177 .col-xs-4 {
    width: 33%;
	float: left;
	min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

.wrapper {
	width:50%; float:left; text-align:center; padding:30px;
	box-sizing: border-box;
}
.wrapper-third {
	width:33%; float:left; text-align:center; padding:30px;
	box-sizing: border-box;
}
.wrapper p {}

.pour-over-main p {
	margin-bottom:2px;
	margin-top:0;
}

.pour-over-main .main-heading {
	font-size:20px; line-height:20px;
	margin-top:20px; margin-bottom:10px;
}

.red-heading {
	font-size:14px; line-height:18px;
}

.gray-heading {
	font-size:14px; line-height:18px;
}

.italic-copy {
	font-size:14px; line-height:18px;
}

.location-copy {
	font-size:12px; line-height:16px;
}

.pour-over-main .cost-copy {
	font-size:14px; line-height:18px;
	margin-bottom:10px;
}


.pour-over-main .pour-col-block.red-headers .red-heading,
.pour-over-main .pour-col-block.italic-headers .italic-copy {
	margin-bottom:20px;
}

/***** Food Print Menu *****/


/***************************/
/********* Footer *********/
/*************************/

#footer {
	background:#6f6f6e;
	max-width:1800px;
	margin:0 auto; padding:35px 0 50px;
	color:#fff;	
}

#footer a {	
	color:#fff;	
}

#footer p {font-size:14px; line-height:1.2em;}

#footer p.foot-head {
	text-transform:uppercase;
	letter-spacing:2px;
	font-family:'BrandonGrotesqueWeb-Bold';
	font-size:13px;
	margin:15px 0 15px;
}

.foot-logo {text-align:left; padding-top:98px;}

.footer-brand img {
	max-width:180px;
	height:auto;
	margin-left:20px;
}

.address {
	text-transform:uppercase;
	margin-bottom:25px;
}

.foot-location {
	overflow:hidden;
	margin-bottom:30px;
}

.foot-map {
	overflow:hidden;
	max-height:141px;
	text-align:center;
}

.foot-contact .icon-circle {
	border:1px solid #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px; 
	display:block;
	text-align:center;
	padding:14px 14px 0;
	line-height:0;
	margin:0 auto 15px;
}

.foot-contact .icon-circle.email-us {
	padding:12px 12px 0;
}

.call-us-wrap p,
.email-us-wrap p {padding-top:5px;}

.jobs {margin-top:35px; font-style:italic;}


/**** MEDIA QUERIES ****/

@media (min-width: 768px) {
/*a {
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;	
	} 
a:hover {opacity:.5;}
*/

.container {width: 100%;}
.container-fluid {max-width:1800px;}
.modal-dialog {width:95%; max-width:1020px;}

.main-nav a {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.main-nav a:hover {
	border:1px solid #6F6F6E;
	color: #6F6F6E;
}

.main-nav a img {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.main-nav a:hover img {
	opacity:.5;
}

.foot-contact .icon-circle {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.foot-contact .icon-circle:hover {
	opacity:.5;
}

}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    /* width: 1170px; */
	width: 1020px;
  }
}

@media (max-width: 1169px) { /* iPad Landscape */
	.head-wrapper {
		background-size:cover;
		background-position:center bottom;
		/* height:40vh; */
	}
	.site-header {
		padding:80px 0;
	}

	.navbar-brand img { /* logo */
		width:250px;
	}

}

@media (max-width: 881px) {
	.head-wrapper {
		background-size:100% auto;
		background-position:center bottom;
		/* height:30vh; */
	}
	.site-header {
		padding:40px 0;
	}

	.navbar-brand img { /* logo */
		width:250px;
	}
	
	/* Twitter */

	#twitter-wrap {
		width:380px;	
	}
	
	.tweet-content {
		width:330px;
	}

}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

/* TABLET BREAKPOINT */
@media only screen and (min-width: 768px) and (max-width: 991px) {

/* Footer */
.foot-logo {text-align:center; padding:20px 0 30px;}

.email-us-wrap .col-xs-2,
.call-us-wrap .col-xs-2 {
	width:65px;
}

.email-us-wrap .col-xs-10,
.call-us-wrap .col-xs-10 {
	width:220px;
}

}

/* MOBILE BREAKPOINT */

@media only screen and (max-width: 768px) {
	
	.location-tag {
		font-size:.75em;
	}
	
	.main-nav {
		margin-top: 20px;
	}
	
	.navigation-twitter {
		padding-bottom: 20px;
	}
	
	#twitter-wrap {
		margin: 10px auto;
		text-align: center;
		width: 450px;
	}
	
	.head-hours span {display:block;}
	
	.main-nav .col-xs-6 {
		padding-left:10px !important;
		padding-right:10px !important;
	}
	
	.main-nav.top .columns {text-align:right;}
	.main-nav.top .columns:nth-of-type(2),
	.main-nav.top .columns:nth-of-type(4) {text-align:left;}
	
	.main-nav.top a,
	.main-nav.btm a {
		border:1px solid #E20613; 
		display:inline-block;
		margin:0 auto 20px;
	}
	
	.more-photos a {
		background:url(assets/img/arrows-gray.svg) right 0px no-repeat;
		padding:5px 35px 5px 0;
		font-size:14px; line-height:14px;
	}
	
	/* About */
	
	.collapse-btn {
		background:url(assets/img/arrow-down.svg) center top no-repeat;
		padding-top:55px;
		display:block;
		text-align:center;
		text-transform:uppercase;
		font-size:12px;
		letter-spacing:2px;
	}
	
	.collapsed {
		background:url(assets/img/arrow-up.svg) center top no-repeat;
		padding-top:55px;
		display:block;
		text-align:center;
	}
	
	.collapsed span {
		display:none;
	}
	
	.collapse.in {
    	display: none;
	}
	.collapse {
		display: block;
	}
	
	#collapseContent {height:auto !important;}
	
	/* Map */
	
	.maz-map {padding:10px 0;}
	
	/* Bottom Nav */
	
	.main-nav.btm .columns {text-align:center;}
	
	.main-nav.btm a {
		display:inline-block;
		text-align:center;
		line-height:1em;
		margin:0 auto 20px;
	}
	
	.row.main-nav.btm {text-align:center;}
	
	.main-nav.btm .columns:nth-of-type(2) {text-align:left;}
	.main-nav.btm .columns:nth-of-type(4) {text-align:right;}
	
	.main-nav.btm .col-xs-4:nth-of-type(2),
	.main-nav.btm .col-xs-4:nth-of-type(3),
	.main-nav.btm .col-xs-4:nth-of-type(4) {
		width:105px;
		display:inline-block;
		float:none;
		text-align:center;
		padding-left:0; padding-right:0;
	}
	
	/* Map */
	
	.maz-map iframe {
		width:100% !important;
		/* pointer-events:none; */
	}
	
	/* MENU */
	
	.menu-main-heading p {
		margin-top:20px;
	}
	
	/* Pour Over Menu */
	
	.pour-over-main p {
		margin-bottom:2px;
		margin-top:0;
	}
	
	.pour-over-main .main-heading {
		font-size:18px; line-height:20px;
		margin-top:10px; margin-bottom:10px;
	}
	
	.red-heading {
		font-size:14px; line-height:18px;
	}
	
	.gray-heading {
		font-size:14px; line-height:18px;
	}
	
	.italic-copy {
		font-size:14px; line-height:18px;
	}
	
	.location-copy {
		font-size:12px; line-height:16px;
	}
	
	.pour-over-main .cost-copy {
		font-size:14px; line-height:18px;
		margin-bottom:10px;
	}
	
	
	.pour-over-main .pour-col-block.red-headers .red-heading,
	.pour-over-main .pour-col-block.italic-headers .italic-copy {
		margin-bottom:20px;
	}
	
	/* Footer */
	
	.email-us-wrap .col-xs-2,
	.call-us-wrap .col-xs-2 {
		width:70px;
	}
	
	.email-us-wrap .col-xs-10,
	.call-us-wrap .col-xs-10 {
		width:200px;
	}

}


@media (max-width:620px) { /* Mobile Vert */
	.head-wrapper {
		background-size:auto 100%;
		background-position:center bottom;
		/* height:40vh; */
	}
	.site-header,
	.page-id-8 .site-header {
		padding:40px 0;
	}

	.navbar-brand img,
	.page-id-8 .navbar-brand img { /* logo */
		width:250px;
	}
	
	.page-id-8 .head-wrapper p {
		font-size: 20px;
		margin: 20px 0 0;
	}
	
	.red-message {
		color: #e20613;
		padding: 15px;		
	}
	
	.white-arrow {
		font-size: 14px; line-height:14px;
		background-position:right 4px;
		padding: 10px 30px 10px 0;
	}
	
	/* Twitter */

	#twitter-wrap {
		width:300px;
		margin-left:auto !important; margin-right:auto !important;
		display:block;	
	}
	
	.tweet-content {
		width:250px;
		
	}

}

@media (max-width:568px) { /* Mobile Vert */
	.head-wrapper {
		/* height:40vh; */
		background-size:cover;
	}
}


@media (max-width:420px) { /* Mobile Vert */

	.head-wrapper {
		/* height:28vh; */
		background-size:auto 100%;
	}
	
	/* Twitter */

	#twitter-wrap {
		width:275px;
		margin-left:auto !important; margin-right:auto !important;
		display:block;	
	}
	
	.tweet-content {
		width:225px;
	}

}

@media (max-width:375px) { /* Mobile Vert */
	.head-wrapper {
		background-size:auto 100%;
		background-position:center bottom;
		/* height:20vh; */
	}
	
}

@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}

@media print {  
    @page {  
      /* size:297mm 210mm;  */
    }  
}

/* SS Online Ordering */

.main-nav a.insta {
    padding: 36px 26px 26px;
	}

	.main-nav a {
	width: 100px;
	height: 100px;
	padding: 34px 26px 26px;}

	.main-nav a.find-us, .main-nav a.our-menu {
		padding: 34px 10px 0 11px;
	}

a.our-menu.delivery {
    background: #e20613;
    color: #fff;
}
	
		@media only screen and (max-width: 768px) {
.main-nav.top .columns:last-of-type {
    text-align: center;
}
			}