/*
 * core.css - all custom CSS code belongs in this file; including Bootstrap
 * Framework overrides.
 *
 */

/* =============================================================================
 CUSTOM CSS
 ========================================================================== */
/*
 BOOTSTRAP OVERRIDES
 ----------------------------------------------------------------------------*/
/* Sets Box model */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

html, body {
  background:#000;
  color: #d1d3d4;
  font-family: "Knockout 30 A", "Knockout 30 B";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  overflow-x:hidden;
}

html {
  font-size: 14px;
}
@media screen and (min-width: 480px) {
  html {
    font-size: calc(14px + 8 * ((100vw - 480px) / 1320));
  }
}
@media screen and (min-width: 1800px) {
  html {
    font-size: 22px;
  }
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  padding: 0 0 .5em;
  text-align: left;
}

h1 { font-size: 280%; }
h2 { font-size: 220%; }
h3 { font-size: 170%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }

p {
  text-align: left;
  line-height: 1.5;
  padding: 0 0 1.5em;
  text-transform: none;
  letter-spacing: normal;
}

img { outline: none; border: 0; }

.img-responsive { display: inline; }

.nowrap { white-space: nowrap; }

em, i { font-style: italic; margin-right: .125em; }

strong, b { font-weight: bold; }

a { color: #cfbf28; text-decoration: none; }
a:hover { color:#cfbf28; text-decoration:underline; }

.ib {
  display:inline-block;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.yel {
  color:#cfbf28;
}

/*
 UTILITY CLASSES SECTION
 ----------------------------------------------------------------------------*/
iframe#mediaplxpxl {
  opacity: 0;
}

.w100 {
  width: 100%;
  height: auto;
}

/*
 GLOBAL SECTION
 ----------------------------------------------------------------------------*/
#outerwrapper {
  min-height: 100%;
}

#content {
  margin-top:60px;
}

section {
  padding-top: 0em;
}

section#privacy {
  padding-top:2em;
}

@media (max-width:767px) {
  #content {
    margin-top:60px;
  }
}

/*
 HEADER SECTION
 ----------------------------------------------------------------------------*/
#header {
  line-height: .9;
  font-size: 140%;
  position: fixed;
  width: 100%;
  text-align: center;
  z-index:1000;
  top:0;
  background:#d1d3d4;
  height:60px;
  overflow:hidden;
}

#snipe h2 {
  text-align:center;
  font-size:50px;
  padding:5px 0;
  color:#000;
  text-transform:uppercase;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  }

#btn-tickets {
  display: block;
  margin: 0;
  padding: 5px;
  font-size: 55px;
  line-height: .9;
  background-color:#cfbf28;
  color: #000;
  position:absolute;
  top:0;
  right:0;
  width:210px;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  height:60px;
}

#btn-tickets:hover {
  background-color: #000;
  color:#cfbf28;
  text-decoration:none;
}


@media (min-width:767px) and (max-width:991px) {
  #snipe h2 {
    font-size:34px;
    text-align:center;
    margin-left:20px;
    padding:13px 0;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  #snipe h2 {
    font-size:40px;
    text-align:center;
    margin-left:20px;
    padding:10px 0;
  }
}


@media (max-width:767px) {
  #btn-tickets {
    position:fixed;
    width:100%;
    bottom: 0;
    top: auto;
  }

  #snipe h2 {
    font-size:28px;
    padding:7px 0;
    line-height:.85;
  }
}


/*
 SOCIAL ICONS
 ----------------------------------------------------------------------------*/

.social-icons {
}

.social-icons a {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  font-size:35px;
  line-height: .9;
}

.social-icons a:hover {
  color: #d1d3d4;
}

/*
 NAV SECTION
 ----------------------------------------------------------------------------*/
#nav {
  position: fixed;
  top:0; left: 0;
  height: 100%; width: auto; min-width:320px;
  z-index: 18;
  background: #bbb;
  transform: translateX(-100%);
  transition: transform .3s ease;
  padding-top:3em;
}

#nav.open {
  transform: translateX(0);
  transition: transform .3s ease;
}

#nav a {
  clear: both;
  display: block;
  padding: .5em 1em;
  text-align: left;
}

#nav.open a {
  color: #469;
}

#nav.open a:active {
  color: #d1d3d4;
}

#nav.open a:hover {
  color: #d1d3d4;
}

.fa-times-thin:before {
	content: '\00d7';
}

@media (min-width:768px) {
  #nav.horizontal a {
    display: inline-block;
  }
}

/*
 FOOTER SECTION
 ----------------------------------------------------------------------------*/
#footer {
  background:none;
  padding: 1em 0em 1em;
  font-size: 100%;
  text-align: center;
  font-family: "Knockout 27 A", "Knockout 27 B";
font-style: normal;
font-weight: 400;
  position:relative;
}

#footer-copyright {
  font-size: 100%;
  line-height: 1.1;
  padding-bottom:20px;
  text-transform:uppercase;
  position:relative;
  z-index:5;
}

#footer-optin,
#footer-social,
#footer-address {
  padding-bottom: .8em;
  position:relative;
  z-index:5;
}

#footer-address {
  font-size:140%;
}

#footer-social {
  display: block;
  font-size: 150%;
  position:relative;
  z-index:5;
  padding-bottom:0;
}

#footer a {
  color:#cfbf28;
}

#footer-social a:hover {
  color:#d1d3d4;
}

#footer-address a, #footer-copyright a {
  color:#d1d3d4;
}

#footer-address a:hover, #footer-copyright a:hover {
  text-decoration:underline;
}

#footer a:hover {
  text-decoration:underline;
}

.theater-logo {
  width:22px;
  display:inline-block;
  margin:-4px 0 0 3px;
}

.hash {
  font-size:40px;
  text-align:center;
  text-transform:uppercase;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-weight: normal;
  margin-bottom:20px;
}

@media (max-width:767px) {
  #footer-copyright {
    font-size: 110%;
  }

  #footer-address {
    font-size:180%;
  }

  #footer {
    padding-bottom:60px;
  }

  .hash {
    font-size:35px;
  }
}

/*
 ART SECTION
 ----------------------------------------------------------------------------*/
#keyart {
  margin:0px auto;
  position:relative;
}

#hero-quote {
  position:absolute;
  top:4.5%;
  right:10%;
  text-align:center;
  color:#cfbf28;
  text-transform: uppercase;
}

#hero-quote blockquote {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  font-size:5.25vw;
}

/*#hero-quote cite {
  font-family: "Knockout 30 A", "Knockout 30 B";
  font-weight: 400;
  font-style: italic;
  display:block;
  font-size:1.3vw;
}*/


#hero-quote cite {
  width:65px;
  margin: 0 auto;
  display:block;
}

@media (max-width:767px) {
  #logo {
  }

  #hero-quote {
    position:relative;
    top:auto;
    right:auto;
    margin:100px auto 20px;
  }

  #hero-quote blockquote {
    font-size:11.25vw;
  }

  #hero-quote cite {
    font-size:2.8vw;
  }

  #hero-quote cite {
    width:55px;
  }
}

@media (max-width:500px) {
  #hero-quote cite {
    font-size:3.5vw;
  }

  #hero-quote cite {
    width:55px;
  }
}

@media (min-width:768px) and (max-width:900px) {
  #hero-quote cite {
    font-size:1.6vw;
  }

  #hero-quote cite {
    width:55px;
  }
}


/*
 ABOUT SECTION
 ----------------------------------------------------------------------------*/
#blurb {
  max-width:850px;
  margin:40px auto 20px;;
  text-align:center;
  width:90%;
}

#blurb h3 {
  text-align:center;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  font-size:50px;
}

#blurb p {
  padding-bottom:1em;
  text-align:center;
  font-size:22px;
}

@media (max-width:767px) {
  #blurb h3 {
    font-size:35px;
  }

  #blurb p {
    font-size:18px;
  }

  #blurb {
    margin-top:20px;
  }


}

/*
 TICKETS SECTION
 ----------------------------------------------------------------------------*/

#tickets {
  max-width:1000px;
  margin:50px auto 50px;
  width:95%;
}

.cal {
  width:55%;
  float:right;
}

.info {
  width:40%;
  margin-right:5%;
  float:left;
  margin-top:5%;
}

.info h3 {
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-weight: normal;
  color: #d1d3d4;
  margin:0;
  padding:0;
  font-size:190%;
}

.info p {
  line-height:1.1;
  font-size:20px;
}

.info p a {
  text-transform: uppercase;
  font-weight:700;
}

.google-maps {
    position: relative;
    padding-bottom: 35%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border:2px solid #cfbf28;
}

.map {
  width: 100%;
  margin: 2em auto 0;
}

#monthStart, #curMon, .first-date {
  display:none;
}

@media (max-width:767px) {

  #tickets {
    margin-bottom:20px;
  }

  .cal, .info {
    width:90%;
    float:none;
    margin-right:0;
    margin:0 auto;
  }

  .info {
    margin-top:2em;
  }

  .info h3, .info p {
    text-align:center;
  }

  #selected-show, .select-directions {
    background:#cfbf28;
    color:#000;
    text-align:center;
    font-family: "Knockout 67 A", "Knockout 67 B";
    font-weight: 400;
    padding-bottom:20px;
  }

  .select-directions {
    padding:20px 0;
    font-weight:normal;
    text-transform: uppercase;
    font-size:34px;
  }

  .perf-select-line {
    display:block;
    padding:20px 0 0px 0;
    text-transform:uppercase;
    font-size:28px;
  }

  .perf a {
    font-family: "Knockout 67 A", "Knockout 67 B";
    font-size: 40px;
    color:#000;
    text-transform:uppercase;
  }

  .tix-button a {
    width: 100%;
    margin: 5px auto;
    padding: 15px;
    text-align: center;
    background:#cfbf28;
    display: block;
    font-family: "Knockout 67 A", "Knockout 67 B";
    font-size: 40px;
    color:#000;
  }

  .tix-button a:hover {
    background:#d1d3d4;
    color:#000;
    text-decoration:none;
  }

  .mbsc-sel-gr-whl {
    border-right:2px solid #cfbf28;
}

  .mbsc-mobiscroll .mbsc-sc-whl-gr {
    padding:0em;
  max-width:700px!important;
  }


  .mbsc-mobiscroll .mbsc-sc-whl-w {
    margin:0;
    border-left:2px solid #cfbf28;
    border-right:0px;
  }

  .mbsc-mobiscroll .mbsc-sc-whl-l {
    border:0px solid transparent;
    box-shadow:0px 11px 8px -10px rgba(0, 0, 0, .2),
         0px -11px 8px -10px rgba(0, 0, 0, .2);
  }

  .mbsc-mobiscroll .mbsc-sc-itm {
    color:#000;
    font-weight:500;
    font-size:25px;
  }

  .mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, .mbsc-mobiscroll .mbsc-sc-itm:focus,
  .mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, .mbsc-mobiscroll .mbsc-sc-itm:focus {
    background:transparent;
  }

  .mbsc-sc-whl-w.mbsc-comp:nth-of-type(2) {
    border-right:2px solid #cfbf28;
  }

  .mbsc-sel-gr-whl {
    border-right:0;
  }

  .mbsc-sc-itm {
    font-family: "Knockout 30 A", "Knockout 30 B";
    font-weight: 400;
  }


  .google-maps {
    padding-bottom:65%;
  }
}

@media (max-width:350px) {
  #tickets h3.first {
    font-size:22px;
  }

  #tickets h3.first span {
    width:280px;
    padding:3px 0 3px;
  }

}


/*
 CAST
 -----------------------------------*/
#cast {
  padding:1em 0 1.5em;
  width:100%;
  max-width:1000px;
  margin:0 auto;
}

#cast .container {
  width:95%;
  max-width:auto!important;
}

.cast-nav {
  width:700px;
  margin:0 auto 1em;
}

#cast h2 {
  font-size:42px;
  text-align:center;
  color:#000000;
  font-weight:normal;
  margin:0;
  padding:0;
}

#cast h3 {
  color:#1d0200;
  margin-top:1em;
  letter-spacing:.05em;
}

#cast-bios {
	text-align: center;
  margin-bottom:1.5em;
}

#cast .container {
  margin-bottom:1em;
}

/*#creative-block, #cast-block {
  display:none;
}*/

#cast-block, #creative-block {
  width:100%;
  margin:0 auto;
  text-align:center;
}

#bios-block {
  display:none;
}

.creative-link.active, .cast-link.active, .creative-link:hover, .cast-link:hover {
  background-color: #d1d3d4;
  color: #000;
}

.creative-link, .cast-link {
  text-transform:uppercase;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-weight: 700;
  display:inline-block;
  width:340px;
  background-color: #cfbf28;
  color: #000;
  margin:0 5px;
  padding:5px 0 8px;
}

.creative-link:hover, .cast-link:hover {
  text-decoration:none;
  background-color: #d1d3d4;
  color: #000;
}

.divide {
  font-size:80%;
  vertical-align: middle;
  color:#d1d3d4;
}

.plus {
  display:inline-block;
}

.cast-member {
	position: relative;
	display: inline-block;
	padding: 1.5%;
	text-align: center;
	line-height: 1.2em;
	cursor: pointer;
	width: 25%;
	margin: 0;
	vertical-align: top;
	color: #d1d3d4;
  font-family: "Knockout 67 A", "Knockout 67 B";
}

.cast-member.actor-3 .cast-image, .cast-member.actor-4 .cast-image,
.cast-member.actor-5 .cast-image, .cast-member.actor-6 .cast-image {
  display:none;
}

.cast-member:hover {
	color: #000;
  text-decoration: none;
}

.cast-member strong {
	display: block;
	text-transform: uppercase;
  font-weight: 800;
}

.cast-thumb {
	width: 100%;
	height: auto;
}

.cast-member img {
	width: 100%;
	height: auto;
	padding: 0px;
}

.cast-image {
	position: relative;
}

.cast-image img {
    width:100%;
    vertical-align:top;
}

.cast-image:before {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(207, 191, 40, .3);
    opacity:1;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.cast-image:before {
    opacity:0;
}
.cast-member:hover .cast-image:before {
    opacity:0;
}

.cast-name {
	margin-top: .25em;
  font-size:175%;
  color:#d1d3d4;
  line-height:1;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-weight:normal;
  text-transform:uppercase;
}

.cast-role em, .cast-role, .castinfo h3 em {
	font-style: normal;
  font-size:140%;
  line-height:1.1;
  font-family: "Knockout 67 A", "Knockout 67 B";
  color:#d1d3d4;
}

.cast-member:hover .cast-name, .cast-member:hover .cast-role {
  color:#cfbf28;
}


#overlay-inner a {
  color:#cfbf28;
}

#overlay-inner a:hover {
  color:#d1d3d4;
}

.ensemble {
  font-family: "Gotham A", "Gotham B";
  padding-bottom:3em;
  margin-top:1.5em;
}

.ensemble-hed {
  margin-top:1.25em!important;
}

.ensemble .row {
  margin-bottom:2em;
}

.ensemble .cast-name {
  font-size:110%;
}

#creative-thumbs .cast-member {
  width:32%;
}

@media (max-width:768px) {
  .cast-link, .creative-link {
    width:46%;
  }

  .cast-nav {
    width:300px;
  }

  .cast-member {
    width:49%;
    margin-bottom:1em;
  }

  #creative-bios .cast-member {
    width:49%;
  }

  #creative-thumbs .cast-member {
    width:51%;
  }

  .ensemble .row {
    margin-bottom:0em;
  }

  .ensemble-member {
    margin-bottom:2em;
  }

  #cast-block, #creative-block {
    width:95%;
  }

  #cast-bios br {
    display:none;
  }

  #cast h2 {
    font-size:20px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .cast-role em, .cast-role, .castinfo h3 em {
    font-size:100%;
  }

  .cast-name {
    font-size:130%;
  }

  .cast-member {
    line-height:1em;
  }

  #cast-block, #creative-block {
    width:95%;
  }
}

@media (min-width:600px) and (max-width:768px) {
  .cast-member,   #creative-bios .cast-member {
    width:33.3%;
  }
}

/*
 OPT-IN FORM SECTION
 ----------------------------------------------------------------------------*/
.optin {
  margin: 0 auto !important;
  text-align: center;
  font-family: "Knockout 48 A", "Knockout 48 B";
  font-style: normal;
  font-weight: 400;
}

.optin label {
  display: block;
  padding-bottom: 5px;
  text-transform:uppercase;
  line-height:1;
  color:#d1d3d4;
  font-size:180%;
}

.optin input, .optin button {
  display: inline;
  font-size: 100%;
  border: 0;
  padding: 5px;
  line-height: 1.25;
  height:40px;
}

.optin input {
  font-family: "Knockout 48 A", "Knockout 48 B";
  font-style: normal;
  font-weight: 400;
  width:20%;
  text-align:center;
  background:#d1d3d4;
}

.optin button {
  padding: 1px 20px 2px;
  background-color: #cfbf28;
  color: #000;
  font-family: "Knockout 67 A", "Knockout 67 B";
  font-style: normal;
  font-weight: 400;
  font-size:150%;
  width:10%;
}

.optin button:hover {
  cursor:pointer;
  background-color: #d1d3d4;
}

.subscribe {
  display: block;
}

.subscribe input.error::-webkit-input-placeholder {
  font-weight:bold;
}

.subscribe input.error:-moz-placeholder { /* Firefox 18- */
  font-weight:bold;
}

.subscribe input.error::-moz-placeholder {  /* Firefox 19+ */
  font-weight:bold;
}

.subscribe input.error:-ms-input-placeholder {
  font-weight:bold;
}

.form-thanks {
  color:#d1d3d4;
  font-size:180%;
}

.form-thanks span {
  display:block;
  font-size:80%;
}


@media (max-width:767px) {
  .optin input, .optin button {
    width:80%;
  }

  .optin input {
    font-size:150%;
  }

  .optin button {
    font-size:190%;
  }

  .optin label {
    font-size:220%;
  }
}

/*
 QUOTES SECTION
 ----------------------------------------------------------------------------*/
 .quote-block {
   position:relative;
   width:80%;
   margin:40px auto 20px;
   opacity:0;
   z-index:500;
   font-weight: bold;
 }

 .slick-initialized{
     opacity:1;
     transition:opacity .3s ease-out;
 }

 .quote-block.slick-initialized blockquote {
   display:block;
 }

 .quote-block blockquote {
   text-transform:uppercase;
   font-size: 52px;
   line-height: .85;
   text-align:center;
   display:none;
   font-family: "Knockout 67 A", "Knockout 67 B";
   font-style: normal;
   font-weight: 400;
 }

 .quote-block cite {
   display: block;
   font-size: 18px;
   line-height: 1;
   text-align:center;
   text-transform:uppercase;
   font-family: "Knockout 30 A", "Knockout 30 B";
   font-style: normal;
   font-weight: 400;
   margin-top:2px;
   width:125px;
   margin:2px auto 0;
 }

 .quote-block blockquote:before {
     content: '\201c';
     position: absolute;
     margin-left: -14px;
   }


@media (max-width:767px) {
  .quote-block {
    width:95%;
    margin:30px auto 0;
  }

  .quote-block blockquote {
    font-size:28px;
  }

  .quote-block cite {
    font-size:15px;
    margin-top:2px;
    width:100px;
  }

  .quote-block blockquote:before {
      content: '\201c';
      position: absolute;
      margin-left: -9px;
    }
}

@media (min-width:768px) and (max-width:900px) {
  .quote-block blockquote {
    font-size:45px;
  }

  .quote-block cite {
    font-size:16px;
  }

  .quote-block blockquote:before {
      content: '\201c';
      position: absolute;
      margin-left: -13px;
    }
}


/*
 GALLERY SECTION
 ----------------------------------------------------------------------------*/
#media_gallery {
}

#videos {
}

#videos  h2 {
    text-align: left;
}

#photos {
    text-align: left;
}

#photos {
    margin-bottom: 1.5em;
}

.video-item {
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    width: 130px
}

.video-item img.video-overlay {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    display: block;
}

.video-item:hover img.video-overlay {
    opacity: 0.7;
}

#video-display {
    text-align: center;
    margin: 0 0 30px 0;
}

#video-display iframe {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.photo-item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    margin: 3px;
}

#photo-display img {
    background-size: 100% 100%;
}

/*
PRIVACY PAGES
 ----------------------------------------------------------------------------*/


#privacy h1 {
  padding-top:1em;
  text-transform:uppercase;
  margin-bottom:0;
  padding-bottom:0;
  font-family: "Knockout 48 A", "Knockout 48 B";
font-style: normal;
font-weight: 400;
}

#privacy h2 {
  font-size:190%;
  margin-top:35px;
  color:#d1d3d4;
  padding-bottom:0;
  font-family: "Knockout 48 A", "Knockout 48 B";
font-style: normal;
font-weight: 400;
}

#privacy h3 {
  font-size:150%;
  margin-top:35px;
  color:#d1d3d4;
  padding-bottom:0;
  font-family: "Knockout 48 A", "Knockout 48 B";
font-style: normal;
font-weight: 400;
}

#privacy > a {
  font-weight:700;
  font-size:150%;
}


#privacy ul {
  list-style-type:disc;
  margin-left:20px;
  margin-bottom:1em;
  text-align:left;
  font-size:120%;
}

#privacy li {
  padding:5px 0;
  line-height:1.4em;
}

#privacy p {
  font-size:120%;
  padding:0;
  margin:0 0 15px;
}

#privacy table td {
  border:1px solid #d1d3d4;
}

#privacy table {
  margin-bottom:2em;
}

#privacy tr td:first-of-type {
   width: 20%;
   padding: 10px;
   border: 1px solid #d1d3d4;
}

#privacy tr td:nth-of-type(2) {
   width: 30%;
   padding: 10px;
   border: 1px solid #d1d3d4;
}

#privacy table p {
 padding-bottom:0;
}

/*
 UPGRADE PAGE
 ----------------------------------------------------------------------------*/
#upgd_content {
  text-align:center;
}

#upgd_content .msgbox {
    width: 940px;
    margin: 20px auto;
    padding: 10px;
    font-size:16px;
}

#upgd_content img {
  max-width:70%;
  margin:0 auto;
}

/* =============================================================================
 MEDIA QUERIES
 ========================================================================== */
/* Extra Small Devices */
@media (max-width: 767px) {
    #opt-in-form input {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
    }
}

/* Small Devices */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Medium Screens/Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Large Screens/Desktops */
@media (min-width: 1200px) {
}