/* Add a black background color to the top navigation */
.topnav {
  background-color: #282828;
  font-family: Affigere-Regular,tanpnav, sans-serif;
  overflow: hidden;
  position: relative;
   margin: auto;
   width: 100%;
   text-align: center;
}
.topnav_home {
  background-color: white;
  font-family: Affigere-Regular,tanpnav, sans-serif;
  overflow: hidden;
  position: relative;
   margin: auto;
   width: 100%;
   text-align: center;
}
/* Style the links inside the navigation bar */
.topnav a {
  /*float: left;*/
  color: #C5D300;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 40px;
  /*font-weight: bold;*/
  display: inline-block;
}
.topnav_home a {
  /*float: left;*/
  color: #282828;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 40px;
  /*font-weight: bold;*/
  display: inline-block;
}
.topnav a.selected { 
    color: red;
}
.topnav_home a.selected { 
    color: red;
}
/* Change the color of links on hover */
.topnav a:hover {
  /*background-color: #ddd;*/
  color: red;
}
.topnav_home a:hover {
  /*background-color: #ddd;*/
  color: red;
}

/* Add a color to the active/current link */
.topnav a:active {
  background-color: black;
  color: red;
}
.topnav_home a:active {
  background-color: black;
  color: red;
}
a:link {
  color: #red;
  background-color: transparent;
  text-decoration: none;
}
/* Hide the links inside the navigation menu (except for logo/home) */

.mobile-container {
  /*max-width: 480px;*/
  margin: auto;
  /*height: 500px;*/
  border-radius: 5px;
}

.burger {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.burger #myLinks {
  display: none;
  font-family: Affigere-Regular,tanpnav, sans-serif;
}

.burger a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 70px;
  display: block;
}

.burger a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.burger a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #C5D300;
  font-family: Affigere-Regular,tanpnav, sans-serif;
  color: #C5D300;
}
button {
     width: 550px;
     height: 50px;
     font-size: 40px;
     target="_blank"
}
 .div-2 {
    	background-color: #FF69B4;
        width: 80%;
        align: center;
}
.c-button {
background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 0.5rem;
    color: #282828;
    font-family: tanpnav, sans-serif;
    font-size: 1rem;
    padding: 12px 20px 8px;
    text-decoration: none;
    cursor: pointer;
    width: 750px;
    height: 50px;
    font-size: 40px;
}
.c-button-2 {
background-color: #ea4711;
    border: 1px solid #ea4711;
    border-radius: 0.5rem;
    color: #282828;
    font-family: Affigere-Regular, tanpnav, sans-serif;
    font-size: 1rem;
    padding: 12px 20px 8px;
    text-decoration: none;
    cursor: pointer;
    width: 750px;
    height: 50px;
    font-size: 35px;
    font-color: red;
}
.c-button-hotel {
background-color: #F8EAD0;
    border: 1px solid #F8EAD0;
    border-radius: 0.5rem;
    color: #000000;
    font-family: tanpnav, sans-serif;
    font-size: 1rem;
    padding: 12px 20px 8px;
    text-decoration: none;
    cursor: pointer;
    width: 40%;
    height: 5%;
    font-size: 25px;
}
.home_image {
  overflow: hidden;
  background-color: #6dc8cb;
  position: relative;
}
.center {
text-align: center;
}
.lineup {
text-align: left;
a:hover {
  color: red;
}
}
.lineup a {
  color: black;
}
.left {
text-align: .left;
}
body {
    color: black;
} 
@font-face {
font-family: "Affigere-Regular";
/*src: url("https://makingtimeisrad.com/css/font/MARTIN-Regular.eot");*/
src: url("https://makingtimeisrad.com/css/font/Affigere-Regular.woff") format("woff");
}
@media screen and (min-width: 1200px) {
div.example {
    font-size: 50px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 250px solid #C5D300;
    border-right: 250px solid #C5D300;
    font-weight: normal;
  }
  div.center {
    font-size: 50px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 50px solid #C5D300;
    border-right: 50px solid #C5D300;
    font-weight: normal;
  }
    div.center_home {
    font-size: 50px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 50px solid #282828;
    border-right: 50px solid #282828;
    font-weight: normal;
  }
    div.lineup {
    font-size: 50px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 150px solid #C5D300;
    border-right: 150px solid #C5D300;
    font-weight: normal;
  }
    div.lineup_small {
    font-size: 40px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 150px solid #C5D300;
    border-right: 150px solid #C5D300;
    font-weight: normal;
  }
  div.date {
    font-size: 60px;
   font-family: Affigere-Regular,tanpnav, sans-serif;
  }
  div.title {
    font-size: 60px; 
    font-family: Affigere-Regular,tanpnav, sans-serif;
  }
  img.image1 {
      width: 80%;
  }
   img.image2 {
      width: 92%;
  }
 .img-responsive.mobile {
  display: none;
}
.burger 
{
  display: none;
}
   .mobile-break { 
       display: none; 
   }  
     .center {
  margin-left: 0px;
  margin-right: 0px;
}

}

@media screen and (max-width: 1200px) {
  div.example {
    font-size:60px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 50px solid #C5D300;
    border-right: 50px solid #C5D300;
    font-weight: normal;
  }
div.center {
    font-size: 50px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 5px solid #C5D300;
    border-right: 5px solid #C5D300;
    font-weight: normal;
}
div.lineup {
    font-size: 70px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 50px solid #C5D300;
    border-right: 50px solid #C5D300;
    font-weight: normal;
  }
 div.lineup_small {
    font-size: 55px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
    border-left: 50px solid #C5D300;
    border-right: 50px solid #C5D300;
    font-weight: normal;
  }
    div.date {
    font-size: 70px;
    font-family: Affigere-Regular,tanpnav, sans-serif;
  }
  div.title {
    font-size: 65px;
    font-family: Affigere-Regular,tanpnav, sans-serif; 
  }
  /*img {
      width: 90%;
  }*/
  img.home {
    position: relative;
    left: -5px;
    right: -5px;
  }
 .img-responsive {
    display: none;
  }
 .topnav {
    display: none;
  }
  .img-responsive.mobile {
    display: block;
    position: relative;
    left: -5px;
    right: -5px;
  }
  .center {
  margin-left: 0px;
  margin-right: 0px;
}
}
}
/*#burger{
  position: fixed;
  left: 0;
  top: 0;
  color: #E1FE03;
  background: linear-gradient(45deg, #ff5093 10%, #FFFFFF);;
  font-size: 72px;
  padding: 32px 64px 64px 32px;
  border-radius: 0% 0% 100% 0%;
  transition: 1s;
  cursor: pointer;
  
}
#quit{
  position: fixed;
  top: 0;
  color: #E1FE03;
  font-size: 72px;
  padding: 16px;
  display: none;
  cursor: pointer;
}
#links{
  display: none;
  flex-direction: column;
  width: 100vw;
  height: 50vh;
  padding: 25vh 0;
  justify-content: space-around;
}
#links a{
  text-align: center;
  text-decoration: none;
  color: #E1FE03;
  font-family: tanpnav, sans-serif;
  font-size: 5em;
  z-index: 10;
  padding-top: 0px;
}*/