/*test classes - remove for production*/
/*div,span,fieldset,ul,li,section {border: solid 1px red;}*/
/*end test classes*/

/*general font declarations*/

/* general logo colour -- #fbde12 */

@font-face{ 
  font-family: 'GothamLight';
  src: url('fonts/gothamrnd-light.eot');
  src: url('fonts/gothamrnd-light.eot#iefix') format('embedded-opentype'),
       url('fonts/gothamrnd-light.woff') format('woff'),
       url('fonts/gothamrnd-light.ttf') format('truetype'),
       url('fonts/gothamrnd-light.svg#webfont') format('svg');
}

@font-face{ 
  font-family: 'GothamMedium';
  src: url('fonts/gothamrnd-medium.eot');
  src: url('fonts/gothamrnd-medium.eot#iefix') format('embedded-opentype'),
       url('fonts/gothamrnd-medium.woff') format('woff'),
       url('fonts/gothamrnd-medium.ttf') format('truetype'),
       url('fonts/gothamrnd-medium.svg#webfont') format('svg');
}

@font-face{ 
  font-family: 'GothamBook';
  src: url('fonts/gothamrnd-book.eot');
  src: url('fonts/gothamrnd-book.eot#iefix') format('embedded-opentype'),
       url('fonts/gothamrnd-book.woff') format('woff'),
       url('fonts/gothamrnd-book.ttf') format('truetype'),
       url('fonts/gothamrnd-book.svg#webfont') format('svg');
}

/*bootstrap overrides*/

/* Customize the navbar links to be fill the entire space of the .navbar */
.navbar .navbar-inner {
    padding: 0;
}

.navbar .nav {
    margin: 0;
    display: table;
}

.navbar .nav li {
  display: table-cell;
  float: none;
  text-align: center;
  vertical-align: bottom;
}

.navbar-nav > li > a {
    padding-top: 18px;
    padding-bottom: 0px;
}

.navbar .nav .navItem:hover {
  background-color: #fbde12;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color: #fbde12 !important;
}

.navbar-brand {
  margin-top: -20px;
}

.navbarImage{
  max-height: 60px;
  margin-top: -20px;
}

.navbar-default {
  background-color: rgba(255,255,255,1) !important;
}

nav.navbarTop div.container {
  padding-right: 120px;
  padding-left: 0px;
}

/*customize carousel*/

.flex-viewport{
    position: fixed;
    width: 100%;
    height: 100%;
}

.flexslider .slides,
.flexslider .slides > li
{
    height: 100%;
}

.flexslider .slides > li{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


html,body{height:100%;}
.carousel,.item,.active{height:105%;}
.carousel-inner{height:105%;}
.fill{width:100%;height:105%; margin:0 !important; padding:0 !important; background-position:center;background-size:cover;}

.carousel-caption {
  right: 0; 
  left: 0;
  padding-bottom: 30px;
}

.carousel-caption {
  position: absolute;
  width: 100%;
  top: 25%;
  left: 0;
  z-index: 10;
  padding-top: 3%;
  padding-bottom: 20px;
  text-align: left;
  text-shadow: none;
  height: 45%;
  color: #000;
  background-color: rgba(255,255,255,0.5);
    /*overflow: hidden; causes popping issue on iOS Safari */
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}

.item.next .splashTitle, .item.next .splashSubTitle {
    display:none;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/*custom accordion*/

.accordion-toggle {cursor: pointer;}
.accordion-toggle-selected { color: #000 !important; background-color: #fbde12 !important;}

.accordionContent {transition: all linear 0.25s; height: 0; opacity: 0; }
.accordionHide {display: none; height:0; opacity: 0}
.accordionShow {display: inline-block; height: auto; opacity: 1; }

.hide {
  display:none;
}

.show {
  display: block;
}

.hideAnimate {
    visibility: hidden;
}

.btn-primary {
  background-color:#000;
    color: #FFF;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus {
  /*background-color: #f2e035;*/
    background-color: #000;
    color: #fbde12;
}

button.dropdown-toggle {
  width: 100%;
}

ul.dropdown-menu {
  width: 100%;
}

.panel {
  margin-bottom: 0px;
}

/*end bootstrap overrides*/

/*custom styling*/

/*general font and page styles*/

body { position: relative; font-family: 'GothamLight', 'arial', sans-serif; font-size: 12pt; }

a {color: black;}

.row-padded {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
    border: 1px solid;
    border-radius: 5px;
    min-height: 100%;
}

.truncateText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sectionTitle {
  font-family: 'GothamBook';
  font-size: 18pt;
  text-transform: uppercase;
}

.largeSectionTitle {
  font-family: 'GothamBook';
  font-weight: bold;
  font-size: 20pt;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/*navbar*/
.navbarTopFix {
  width: 100%;
}

.navbarBottom {
  width: 100%;
}

.navSocial {
  max-height: 30px;
}

.navFooterLink {
  font-family: 'GothamLight', arial, sans-serif;
  text-transform: uppercase;
  font-size: 9pt;
}

.navFooterLink img {
  padding-right: 0.5em;
}

li.active a.navItem {
  color: #000;
  background-color: #e1cc00;
}

a.navItem {
  font-family: 'GothamLight', arial, sans-serif;
  font-size: 10pt;
  text-transform: uppercase;
  height: 60px;
}

.pageSection {
  padding-top: 100px;
  height: 100vh;
  background-color: #ffffff;
  padding-bottom: 70px;
}

.navTinyText {
  font-size: 8pt;
  color: #c3c3c3;
  display: block;
}

/*Page Backgrounds*/

section.pageSection {
  background-size: cover !important;
  -webkit-background-size: cover !important;
}

section#Features {
  background: url('../img/backgrounds/feature_bg.jpg') no-repeat center center fixed;
}

section#Location {
  background: url('../img/backgrounds/location_bg.jpg') no-repeat center center fixed;
}

section#Careers {
    background: url('../img/backgrounds/bg_01.jpg') no-repeat center center fixed;
}

section#Culture {
    background: url('../img/backgrounds/bg_02.jpg') no-repeat center center fixed;;
}

section#Menu {
    background: url('../img/backgrounds/bg_03.jpg') no-repeat center center fixed;
}

section#ContactUs {
  background: url('../img/backgrounds/contact_bg.jpg') no-repeat center center fixed;
}

/*Splash*/
section#Splash {
padding-top: 0;
}

.autoHeight {
    height:auto!important;
}

.splashTitle {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    font-family: 'GothamBook', 'arial', sans-serif;
  font-size: 48pt;
  display: block;
  width: 80%;
  margin-left: 10%;
}

.splashSubTitle {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  font-family: 'GothamLight', 'arial', sans-serif;
  font-size: 24pt;
  display: block;
  width: 80%;
  margin-left: 10%;
}

/*Location*/
#map-canvas {
  width: 100%; 
  height: 300px;
    border: 1px solid;
    border-radius: 5px;
}

/*Features*/

.featureDate {
  font-family: 'GothamLight', 'arial', sans-serif;
  font-size: 14pt;
  text-transform: uppercase;
}

.featureTitle {
  font-family: 'GothamLight', 'arial', sans-serif;
  font-size: 16pt;
  text-transform: uppercase;
}

.featureContent {

}

.featureImg {
  overflow: hidden;
  height: 200px;
}

.featureImg img {
  width: 100%;
}

.featureRow {
  
}

/*Menu*/

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

ul.selectSection li {
  /*background-color: rgba(242, 224, 53, 0.5);*/
    color: #fff;;
  background-color: rgba(0, 0, 0, 1);
  padding: 16px 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 11pt;
    -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: 'GothamBook';
}

ul.selectSection li:hover {
  background-color: #fbde12;
    color: #000;
}

.selectItemContainer{
    display: inline-block;
  /*flex-direction: row;*/
  /*justify-content: space-between;*/
  margin-bottom: 10px;
    width: 100%;
}

.menuitemImage {
    width: 100px;
    display: inline;
    float: left;
}

/*.menuItemContent div {*/
    /*display: inline;*/
    /*float: left;*/
    /*width: 100%;*/
/*}*/

.menuitemImage img{
  width: 100px;
  height: 100px;
  border-radius: 100%;
    display: none;
}

.menuitemContent{
  /*margin-left: 110px;*/
    /*float: left;*/
    overflow: hidden;
}

.menuSectionLabel {
  font-family: 'GothamBook', arial, sans-serif;
  text-transform: uppercase;
  font-size: 14pt;
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
  text-align: center;
}

.menuitemTitle{
  font-weight: bold;
  font-size: 14pt;
}

.menuitemDescription {
  font-size: 11pt;
  margin-bottom: 0.5em;
}

.menuitemSubtitle {
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 0.5em;
}

.menuitemPrice {
  font-size: 11pt;
  margin-bottom: 0.5em;
}

.menuitemNote {
  font-size: 10pt;
  font-style: italic;
}

.menuHeightFix {
    height: 100%;
}

.arrow {
    position: fixed;
    bottom: 60px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZBJREFUeJzt0jtOw0AYhdG7AVgQj57XhlkBm6GDAiooIguEQrCxnZnfOUea2jO+XwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAHnbW+wAK28IYmrpM8J7lpfZEZHrJ7w0Xri1RzneQ1yUeSt9SM4CHJe3ZveIkIRrvK1/jDqRbB9/GHI4IR9o1fLYJ944tghKvsftC+H1clgkPji+CAy/w9/nDek9y2ueZBY8YXwR5Txu81ginji+CHx0z7cb1F8J/xh/PY4L7dOU/ylJoRzBn/Kbu3k5oRGH9hlSIw/koqRGD8lc2N4G7Fuxn/SHqMwPhH1lMExm+khwiM31jLCIzfiRYRGL8zcyO4n/At43fqGBEYv3NrRmD8ItaIwPjFLBmB8YtaIgLjFzc3AuNvwJwIjL8Rx4rA+B1bOwLjF7BWBMYvZOkIjF/QUhEYv7C5ERh/A/4bgfE3ZGoExt+gsREYf8P+isD4J+C3CIx/Qn5GYPwTNERg/BN2HuMDAAAAAAAAAAAAAAAAAAAAAAAAAAAADX0C1EVRxOOijgAAAAAASUVORK5CYII=);
    background-size: contain;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}


.onlineOrder {
  background-color: rgba(0, 0, 0, .8);
  position: absolute !important;
  right: 0;
  /*width: 120px;*/
  top: 0;
  text-align: right;
  font-size: 11px !important;
  text-decoration: none;
  list-style: none;
  /*padding-right: 15px;*/
  height: 100%;
  padding-top: 14px;
}

.onlineOrderIcon {
    background-color: rgba(0, 0, 0, .8);
    position: absolute !important;
    right: 120px;
    width: 50px;
    top: 0;
    text-align: right;
    font-size: 11px !important;
    text-decoration: none;
    list-style: none;
    padding-right: 15px;
    height: 100%;
    padding-top: 14px;

    /*border: 2px solid #a1a1a1;*/
    /*padding: 10px 40px;*/
    /*background: #dddddd;*/
    /*width: 300px;*/
    border-radius: 20px 0px 0px 20px;
}

.onlineOrderText {
    font-size: 5px;
    margin-top:50px;
}

.onlineOrderIconText {
    font-size:20pt;
    margin-top:0px;
    color: white;
}

a.onlineOrderText {
    font-size: 9pt;
  text-decoration: none;
  color: white;
}

a.onlineOrderText:hover {
  color: #ccc;
}

.reupImg {
    height: 50px;
    margin-top:-10px;
    float: right !important;
}

.reupLogo {
    position: absolute !important;
    /*right: 0;*/
    top: 0;
    text-align: right;
    padding-right: 0px;
    /*height: 100%;*/
}

.reupLogo:hover {
    background-color: #FFF !important;
}


/*location section*/

.locationTitle {

    font-family: 'GothamBook';
    font-size: 12pt;
    text-transform: uppercase;

    /*background-color:#EBEAE7;*/
    text-align: center;
    background-color:#000;
    padding:10px 20px;
    /*border:solid 1px #ccc;*/
    border-bottom:solid 1px #ccc;
    /*font-size:18px;*/
    color: #fbde12;
    /*text-transform:uppercase;*/feature
}

.locationContainer {
  position: relative;
  overflow: auto;
  padding:10px 0px 0px 15px;
  width: 270px;
}

.locationRow {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.locationIcons {
  float:left;
  line-height: 21px;
  padding-right: 8px;
}

.locationIcons span {
  float:left;
}

.locationInfo {
  overflow: hidden;
}

.locationBox {
    height: 100%;
    position: relative;
    background-color:#F8F7F3;
    margin-right:15px;
    margin-left:15px;
    padding-bottom:5px;
    border:solid 1px #000;
}


.topimage {
    position: absolute;
    top: -20px;
    left: 0px;
    z-index: 11;
    width: 100%;
    overflow-x: hidden;
}

.bottomimage {
    position: absolute;
    bottom: -22px;
    left: 0px;
    z-index: 11;
    width: 100%;
    overflow-x: hidden;
}

.rel-pos {
    position: relative;
}


/*Culture section*/
.cultureImg {
  float: right;
  max-height: 250px;
    max-width: 250px;
    height: 100%;
  border-radius: 100%;
}

/*Careers section*/

.careerRow {
    margin-top: 30px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.careerTitle {

    font-family: 'GothamBook';
    font-size: 15pt;
    text-transform: uppercase;

    /*background-color:#EBEAE7;*/
    text-align: center;
    padding:10px 20px;
    /*border:solid 1px #ccc;*/
    border-bottom:solid 2px #000;
    /*font-size:18px;*/
    color: #000;
    /*text-transform:uppercase;*/

}

.btn-career {
    background-color:#fbde12;
    color: #000;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.btn-career:hover, .btn-career:active, .btn-career:visited, .btn-career:focus {
    /*background-color: #f2e035;*/
    background-color: #000;
    color: #fbde12;
}

.careerContainer {
    position: relative;
    overflow: auto;
    padding:15px 0px 15px 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 320px;

}

/*Mobile App slide Up*/

.mobileAppContainer {
  position: fixed;
  top: 20%;
  background-color: #fff;
  height: 100vh;
  width: 90%;
  margin-left: 5%;
  overflow-x:hidden;
  display:none;
  -webkit-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.75);
  z-index: 10;
}

.mobileAppContainer div.row {
  /*bootstrap override*/
  margin-right: 0;
  margin-left: 0;
}

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

.rewardContainer {
  overflow: auto;
  width: 200px;
}

.rewardsPoints {
  background-color: black;
  display: block;
  padding: 10px;
  border-radius: 100%;
  margin-right: 1.2em;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 30px;
  float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.rewardsPointsText{
    color: #f2e035;
  font-weight: bold;
  font-size: 10pt;
  max-width: 20px;
}

.rewardsPointsName {
  width: 125px;
  overflow: hidden;
  margin-top: 15px;
}

.rewardPromoText {
  font-size: 13pt;
  font-weight: bold;
  padding: 10px 0px;
}

.rewardsPromo {
    width: 475px;
    top: -20px;
    position: absolute;
}

.mobileAppLogo {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}

.mobileAppLogoContainer {
    text-align: center;
}

.mobileAppLogoReUp {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    width: 30%;
}

/*Contact Section*/
.contactForm {
  margin-bottom: 1em;
}

.redText {
    colour: #900;
}

.greenText {
    color: #090;
}

/*gift card formatting*/

.cardSubtitle {
  font-family: 'GothamLight';
  font-size: 12px;
}

.cardResults {
  font-family: 'GothamBook';
  font-size: 32px;
  font-weight: bold;
}

.cardTransactions {
  font-family: 'GothamBook';
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid #e5e5e5;
  padding-top:5px;
  margin-top: 10px;
}

.cardEntry {
  font-family: 'GothamLight';
  font-size: 12px;
}

.input-group-addon {
    border-left-width: 0;
    border-right-width: 0;
}

.input-group-addon:first-child {
    border-left-width: 1px;
}

.input-group-addon:last-child {
    border-right-width: 1px;
}

/*end custom styling*/

/*mobile specific styles*/

.mobileShow {
  display: none;
}

select {
  display: inline-block;
  -webkit-appearance:menulist;
  -moz-appearance:menulist;
  appearance:menulist;
  cursor:pointer;
  width: 100%;
  background: #ffffff;
  font-family: 'GothamLight', arial, sans-serif;
  font-size: 14pt;
  padding: 5px 5px;
  margin: 5px 0px 10px 0px;
}

@media all and (max-width: 1000px) {


    .row
    {
        margin: 0px;
    }

    body {
        max-width: 100%;
        overflow-x: hidden;
    }

  .mobileShow {
    display: block;
  }
  
  .mobileHide {
    display: none;
  }

  .navbarImage {
    height: 45px;
    padding-top: 10px;
    margin: 0 auto;
  }

  .topMenuFix {
    text-align: center;
      max-width: 90%;
      overflow-x: hidden;

  }

  .topMenuIcon {
    font-size: 24px;
    top: 12px;
  }

  .topMenuIconLink {
    float: left;
  }

  /*splash page formatting*/

  .splashTitle {
    font-size: 32pt;
  }
  .splashSubTitle {
  font-size: 14pt;
  }

  .carousel-caption {
    top:25%;
    height: 45%;
    min-height: 200px;
      overflow: hidden;
  }

  .mobileMenu {
    width: 0; 
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    transition: width 0.2s ease;
    -webkit-transition: width 0.2s ease;
    z-index: 5;
    background-color: #DDD;
  }

  #mobileMenu:target {
  width: 70%;
  }

  #mobileMenu .nav {
    list-style: none;
    text-align: left;
    margin-top: 20px;
    width: 100%;
  }

  #mobileMenu .nav li {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'GothamLight', 'arial', sans-serif;
    font-size: 12pt;
    text-transform: uppercase;
  }

  #mobileMenu .nav li a.navItem {
    color: black;
  }

  #mobileMenu .nav .navSocialGroup {
    padding-left:5px;
    margin-top:10px;
  }

  #mobileMenu .nav a.navSocial {
    display: inline-block;
    padding: 11px;
    width: 20%;
  }

  #mobileMenu .nav a.navSocial img {
    width: 20px;
    top:-8px;
    position: relative;
  }

/*mobile version of get our app page*/

  .largeSectionTitle {
      font-size: 21pt;
      padding-top: 10px;
  }

  .sectionTitle {
    font-size: 16pt;
  }

  .mobileAppContainer {
    width: 100%;
    margin-left: 0;
  }

    .pageSection {
        padding-top: 40px;
        padding-bottom: 35px;
    }

    .accordionMobileHide { display: none; height:0; opacity: 0}

    section#Features {
        height:auto!important;
        background-attachment: scroll;
    }

    section#Menu {
        height:auto!important;
        background-attachment: scroll;
    }

    section#ContactUs {
        background-attachment: scroll;
    }

    section#Culture {
        background-attachment: scroll;
    }

    section#Careers {
        background-attachment: scroll;
    }

    section#Location {
        background-attachment: scroll;
    }

    .featureTitle {
        font-size: 16pt;
    }

    .row-padded {
        padding: 0px;
    }

    .menuitemContent{
        margin-left: 0px;
        /*float: left;*/
        overflow: hidden;
    }

    .menuitemImage {
        float: none;
    }

    .menuitemImage img{
        /*display: block;*/
        margin-left: auto;
        margin-right: auto;
        display: none;
    }

    .accordionShow {
        width: 100%;
    }

    a.navItem {
        height: 45px;
    }

    .locationRow {
        width: 100%;
    }

    .locationBox {
        margin: 0px;
    }

    .fill {
        height: 110%;
    }

    .carousel-inner>.item>img {
        max-width: none;
    }

    .carousel-inner>.item>img {
        display: block;
        height: 100vh;
        margin-left: -75%;
    }

    .carousel-inner>.item{
        overflow: hidden;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 100%;
    }

    .carousel {
        position: relative;
        height: 100%;
        width: 100%;
    }
    /*end*/

}


@media all and (max-width: 1000px) and (orientation: portrait)
{
    .carousel,.item,.active{height:102% }
    .carousel-inner{height:102% }
    .fill{width:100%;height:102%; margin:0 !important; padding:0 !important; background-position:center;background-size:cover;}

    .splashTitle {
        font-size: 38pt;
    }
    .splashSubTitle {
        font-size: 20pt;
    }

}

@media all and (max-width: 1200px) {
    .locationBox {
        margin-left: 0;
        margin-right: 0;
    }

    .careerRow {
        width: 100%;
    }

}

/*end mobile specific styles*/