/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  background-image: url(images/background.jpg); }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

#container {
  width: 90%;
  margin: auto;
  max-width: 1200px;
  /* be 90% wide until 1200px */
  background-image: url(images/background.jpg); }
  #container #menu {
    width: 5%;
    display: none; }
  #container #logo img {
    max-width: 100%;
    margin: auto; }

#left {
  width: 61.66667%;
  height: auto;
  background-color: #af7100;
  float: left; }
  #left #cities .acts {
    box-sizing: border-box;
    font-family: garamond;
    color: white;
    letter-spacing: 3px;
    line-height: 25px;
    font-size: 15pt;
    padding: 10px;
    padding-left: 8%; }
    #left #cities .acts h2 {
      font-size: 12pt; }
    #left #cities .acts h3 {
      font-size: 10pt; }
  #left #city1 {
    font-family: garamond;
    color: white;
    letter-spacing: 3px;
    width: 100%;
    font-size: 12pt;
    padding: 10px;
    padding-left: 8%;
    cursor: pointer; }
    #left #city1 #oneinfo {
      display: none; }
    #left #city1 h1 {
      font-family: rockwell;
      font-size: 20pt;
      text-align: center; }
  #left #city1:hover {
    background-color: #c58e29; }
  #left #city2 {
    font-family: garamond;
    color: white;
    letter-spacing: 3px;
    width: 100%;
    font-size: 12pt;
    padding: 10px;
    padding-left: 8%;
    cursor: pointer; }
    #left #city2 #twoinfo {
      display: none; }
    #left #city2 h1 {
      font-family: rockwell;
      font-size: 20pt;
      text-align: center; }
  #left #city2:hover {
    background-color: #c58e29; }
  #left #city3 {
    font-family: garamond;
    color: white;
    letter-spacing: 3px;
    width: 100%;
    font-size: 12pt;
    padding: 10px;
    padding-left: 8%;
    cursor: pointer; }
    #left #city3 #threeinfo {
      display: none; }
    #left #city3 h1 {
      font-family: rockwell;
      font-size: 20pt;
      text-align: center; }
  #left #city3:hover {
    background-color: #c58e29; }
  #left #city4 {
    font-family: garamond;
    color: white;
    letter-spacing: 3px;
    width: 100%;
    font-size: 12pt;
    padding: 10px;
    padding-left: 8%;
    cursor: pointer; }
    #left #city4 #fourinfo {
      display: none; }
    #left #city4 h1 {
      font-family: rockwell;
      font-size: 20pt;
      text-align: center; }
  #left #city4:hover {
    background-color: #c58e29; }
  #left #city5 {
    font-family: garamond;
    color: white;
    letter-spacing: 3px;
    width: 100%;
    font-size: 12pt;
    padding: 10px;
    padding-left: 8%;
    cursor: pointer; }
    #left #city5 #fiveinfo {
      display: none; }
    #left #city5 h1 {
      font-family: rockwell;
      font-size: 20pt;
      text-align: center; }
  #left #city5:hover {
    background-color: #c58e29; }
  #left #city6 {
    font-family: garamond;
    color: white;
    letter-spacing: 3px;
    width: 100%;
    font-size: 12pt;
    padding: 10px;
    padding-left: 8%;
    cursor: pointer; }
    #left #city6 #sixinfo {
      display: none; }
    #left #city6 h1 {
      font-family: rockwell;
      font-size: 20pt;
      text-align: center; }
  #left #city6:hover {
    background-color: #c58e29; }

nav {
  font-family: garamond;
  font-size: 20pt;
  color: #af7100;
  display: inline; }
  nav ul {
    display: flex;
    justify-content: center; }
  nav li {
    padding: 20px;
    text-decoration: none; }
  nav a:link {
    text-decoration: none; }
  nav a:visited {
    color: #af7100; }

#about {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background: #af7100;
  font-family: garamond;
  font-size: 15pt;
  color: white;
  text-align: justify;
  padding: 50px;
  border-style: solid;
  border-width: 10px;
  border-color: #c58e29; }

#about:hover {
  background-color: #c58e29; }

#info {
  font-family: garamond;
  text-align: center;
  color: #af7100;
  width: 100%;
  display: flex;
  box-sizing: border-box; }
  #info .about2 {
    font-size: 15pt;
    width: 50%;
    padding: 30px;
    line-height: 25px;
    background-color: #c58e29;
    color: white;
    border-style: solid;
    border-width: 10px;
    border-color: #af7100; }
  #info .faq {
    width: 50%;
    background: #af7100;
    font-family: garamond;
    color: white;
    padding: 15px;
    line-height: 22px;
    border-style: solid;
    border-color: #c58e29;
    border-width: 10px;
    text-align: left; }
    #info .faq h1 {
      font-size: 25pt;
      font-weight: bold;
      padding-bottom: 3%;
      text-align: center; }

#mschedule {
  width: 100%;
  height: 555px;
  display: column;
  justify-content: space-around;
  font-family: garamond;
  font-size: 15pt;
  color: #af7100;
  display: none; }

#columns {
  display: flex;
  justify-content: space-around; }

ul#columns li {
  width: 50%;
  display: table-row;
  float: left;
  font-family: rockwell;
  color: white;
  font-size: 24pt;
  height: 255px;
  text-align: center;
  border-style: solid;
  border-width: 10px;
  border-color: #c58e29; }

#column1 {
  background-image: url(images/image1.jpg); }
  #column1 h2 {
    padding-top: 50%; }

#mtext {
  opacity: 0; }

#column1:hover {
  background-image: url(images/image1hover.jpg); }
  #column1:hover #mtext {
    opacity: 1;
    color: white;
    font-size: 20px;
    font-weight: 700;
    padding: 30px; }
  #column1:hover h2 {
    display: none; }

#column2 {
  background-image: url(images/image2.jpg); }
  #column2 h2 {
    padding-top: 50%; }

#btext {
  opacity: 0; }

#column2:hover {
  background-image: url(images/image2hover.jpg); }
  #column2:hover #btext {
    opacity: 1;
    color: white;
    font-size: 20px;
    font-weight: 700;
    padding: 30px; }
  #column2:hover h2 {
    display: none; }

#video {
  height: auto;
  border-style: solid;
  border-width: 10px;
  border-color: #c58e29; }

#rs {
  display: none; }

#clearfix {
  clear: both; }

#right {
  width: 38.33333%;
  height: auto;
  float: right;
  background-color: #c58e29;
  display: flex;
  flex-direction: column; }
  #right select {
    background: transparent;
    font-family: garamond;
    font-size: 15pt;
    color: white; }

#schedule {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  font-family: garamond;
  font-size: 12pt;
  color: white;
  line-height: 15px;
  background-color: #c58e29;
  padding: 10px;
  text-align: center; }
  #schedule h1 {
    font-size: 20pt;
    text-align: center;
    font-family: rockwell;
    color: white;
    line-height: 30px;
    margin: auto; }
  #schedule ul {
    display: flex;
    flex-direction: column; }
  #schedule #h1 {
    font-size: 20pt;
    text-align: center;
    font-family: arial;
    color: white; }
  #schedule #cities {
    font-family: garamond;
    font-weight: bold;
    float: left;
    width: 30%;
    padding-top: 10%;
    text-align: left;
    margin-left: 15%; }
  #schedule #dates {
    font-family: garamond;
    font-weight: bold;
    float: right;
    width: 50%;
    padding-top: 10%; }

#press {
  box-sizing: border-box;
  width: 100%;
  height: 343px;
  background-color: #af7100;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12pt;
  line-height: 22.5px;
  border-style: solid;
  border-width: 10px;
  border-color: #c58e29; }
  #press h1 {
    font-family: garamond;
    font-size: 15pt;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    color: white;
    height: auto; }

footer {
  background: #af7100;
  width: 100%;
  font-family: rockwell;
  color: white;
  font-style: italic;
  font-size: 12pt;
  letter-spacing: 2px;
  float: left;
  display: flex;
  justify-content: center;
  margin-top: 5%;
  border-style: solid;
  border-width: 10px;
  border-color: #c58e29; }
  footer p {
    text-align: center;
    padding-top: 3.5%; }
  footer #media ul {
    display: flex;
    padding-top: 5%;
    padding-bottom: 5%; }
  footer ul li {
    padding: 5px; }

@media screen and (max-width: 748px) {
  #container {
    width: 100%;
    height: auto; }
    #container #menu {
      width: 100%;
      display: block;
      cursor: pointer;
      margin-top: -65px; }

  #logo {
    width: 100%; }

  #left {
    width: 100%;
    margin-top: 5%; }

  #about {
    width: 100%;
    height: 150px;
    font-size: 15pt;
    font-family: garamond;
    padding: 20px; }

  nav {
    font-size: 15pt; }
    nav #navinfo {
      display: none;
      flex-direction: column; }
      nav #navinfo li:hover {
        color: white;
        background-color: #af7100; }

  ul#columns li {
    width: 50%; }

  #mschedule {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font-family: garamond;
    font-size: 12pt;
    color: white;
    line-height: 15px;
    background-color: #c58e29;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: row; }
    #mschedule h1 {
      font-size: 20pt;
      text-align: center;
      font-family: arial;
      color: white;
      line-height: 30px;
      margin: auto; }
    #mschedule #cities {
      font-family: garamond;
      font-weight: bold;
      float: left;
      width: 50%;
      display: flex;
      flex-direction: column;
      padding-top: 10%;
      margin: auto; }
    #mschedule #dates {
      font-family: garamond;
      font-weight: bold;
      float: right;
      width: 50%;
      display: flex;
      flex-direction: column;
      padding-top: 10%;
      margin: auto; }

  #schedule {
    display: none; }

  #press {
    display: none; }

  #rs {
    display: block;
    font-family: garamond;
    font-size: 15pt;
    text-align: center;
    padding: 20px;
    color: #af7100;
    margin-top: 30px; }

  #right {
    display: none; }

  #info {
    font-family: garamond;
    text-align: center;
    color: #af7100;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box; }
    #info .about2 {
      font-size: 12pt;
      width: 100%;
      padding: 20px;
      line-height: 25px;
      background-color: #c58e29;
      color: white;
      border-style: solid;
      border-color: #af7100;
      text-align: justify; }
    #info .faq {
      width: 100%;
      background: #af7100;
      font-family: garamond;
      color: white;
      padding: 15px;
      line-height: 22px;
      border-style: solid;
      border-color: #c58e29;
      border-width: 10px;
      text-align: left; }
      #info .faq h1 {
        font-size: 25pt;
        font-weight: bold;
        padding-bottom: 3%;
        text-align: center; }

  footer {
    background: #af7100;
    width: 100%;
    font-family: rockwell;
    color: white;
    font-style: italic;
    font-size: 12pt;
    letter-spacing: 2px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    footer p {
      text-align: center;
      padding-top: 3.5%; }
    footer #media ul {
      display: flex;
      justify-content: center; }
    footer ul li {
      padding: 5px; }

  #column1 h2 {
    padding-top: 50%; }

  #column2 h2 {
    padding-top: 50%; } }
@media screen and (max-width: 480px) and (min-width: 360px) {
  ul#columns li {
    width: 100%; }

  #menu {
    width: 5%; }

  #about {
    font-size: 12pt;
    padding: 25px; }

  #column1 h2 {
    font-size: 15pt; }

  #column1:hover #mtext {
    font-size: 10pt; }

  #column2 h2 {
    font-size: 15pt; }

  #column2:hover {
    font-size: 10pt; }
    #column2:hover #btext {
      font-size: 10pt; }

  #mSchedule {
    width: 100%;
    display: block; }

  #media ul li {
    display: flex;
    justify-content: center;
    padding: 0; }

  #right p {
    padding: 0; }

  #footer #media ul {
    justify-content: space-around; } }

/*# sourceMappingURL=style.css.map */