@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
body {
    margin:0;
    padding:0;
    padding-top:0; 
    padding-bottom:0;
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
}
btn {
    width:300px;
    margin:0 auto 2em;
    text-align:center;
}
p {
    margin: 0 0 2em 0;
}
img {
    max-width:100%;
    margin-bottom:2rem;
}
#sticker {
    position: absolute;
    right: 5px;
    top: 10px;
    max-width: 300px;
    width: 150px;
}
.red {
    color:#ed1c24;
}
h1 {
    text-transform:uppercase;
    font-weight:700;
    font-size:4rem;
    color:#ed1c24;
}
h1 span {
    color:white;
    font-size:2.8rem;
}
h2 {
    font-size:3rem;
    color:#333333;
    text-transform:uppercase;
    font-weight:700;
    margin-top:0;
    margin-bottom:2rem;
}
#intro h2 {
    font-size:2rem;
    color:white;
    text-transform:uppercase;
    font-weight:700;
    margin-top:0;
}
h3 {
    font-weight:bold;
}
#intro p {
    font-size:16px;
    color:white;
    text-align:center;
    font-weight:300;
    margin-top:1.5em;
}
#intro {
    background-image:url(/img/ppp-bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top:4rem;
    padding-bottom:4rem;
    text-align:center;
}
#intro h1, #intro h2, #intro h3, #kidszone, #menu-old  {
    text-shadow:1px 1px 10px #000;
}
#intro h3 {
    margin-bottom:0;
    color:white;
    line-height:3rem;
    font-size:1.4rem;
}
h3 span {
        font-weight:bold;
        color:#ed1c24;
    font-size:2.4rem;
    }
h4 {
    color:#ed1c24;
    font-size:2rem;
    font-weight:700;
}
hr {
    max-width:350px;
    border-color:#ed1c24;
    margin-top:0;
    margin-bottom:0;
}
#timer {
    margin:2em auto;
}
#timer-box {
    font-size:1.8rem;
    padding:.5em 1em;
    color:white;
    background:#ed1c24;
    display:block;
    text-transform:uppercase;
    font-weight:700;
    max-width:300px;
    margin: 0 auto;
}
 #clockdiv{
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 24px;
     padding-left:10px;
     margin-top:1.5em;
}
#clockdiv span{
    padding: 0;
    display: inline-block;
    font-weight:700;
}
#clockdiv > div{
    padding: 0 10px 0 3px;
    display: inline-block;
}
.smalltext{
    padding-top: 5px;
    font-size: 14px;
}

#dates {
    background:rgba(0,0,0,.5);
    font-size:2rem;
    color:white;
    font-weight:bold;
    padding:.5rem 0;
}
#date1 {
    padding:.5rem 0;
}
#date2 {
    padding:.5rem 0;
}
#shirt {
    background-color:#f3f3f3;
    padding-top:4rem;
    padding-bottom:2rem;
    text-align:center;
    
}
#shirt img {
    max-width:300px;
    width: 100%;
}
.hide-desktop {
    display:inherit;
    margin-bottom: 1.5em;
    }
.hide-mobile {
    display:none;
    }
#about{
    text-align:center;
    color:#333333;
    padding-top:4rem;
    padding-bottom:2rem;
}
#about a:hover {
    text-decoration:none!important;
    opacity:.6;
}
#menu {
    text-align:center;
    color:#333333;
    padding-top:4rem;
    padding-bottom:4rem;
}
#about h3,#menu h3 {
    text-transform:uppercase;
}
#about img {
    margin-bottom:0;
    max-width:360px;  
    width:100%;
}
#about ul {
    padding: 0;
    list-style-type: none;
}
#about ul li {
    padding: .5em 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
}
#about ul li:last-child {
    border-bottom:none;
}
#menu table {
    width:90%;
    text-align:left;
    margin:0 auto;
    font-size:14px;
}
#menu td {
    padding: 6px 0;
}
#menu td:first-child {
    width:73%;
}
#menu td:last-child {
    width:27%;
}
#about p, #kidszone p, #shirt p,#menu p {
        margin-bottom:2rem;
    }
#menu-old {
    background-image:url(/img/menu-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align:center;
    color:white;
    padding-top:4rem;
    padding-bottom:4rem;
}
#kidszone {
    background-image:url(/img/kidszone-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align:center;
    color:white;
    padding-top:4rem;
    padding-bottom:2rem;
}
#kidszone h2,#menu-old h2 {
    color:white;
}
#location {
    padding-top:4rem;
    padding-bottom:0;
    text-align:center;
}

#scroller {
    height:auto;
    padding-top:4rem;
    padding-bottom:4rem;
    text-align:center;
    background:#eee;
}
#scroller ul {
    padding-left:0;
}
#scroller li {
    list-style-type:none;
}
.carousel-control.left, .carousel-control.right {
        background:none;
    }
#myCarousel {
        min-height:392px;
    }

#map iframe {
    height:300px;
}
#polka_mass {
    background-color:#333;
    padding:2em 0;
    text-align:center;
}
#polka_mass h2 {
    color:white;
    margin-bottom:0;
    font-size:2.6rem;
}
#footer {
    padding:1.5em 0;
    text-align:center;
}
#footer h4 {
    margin-top:0;
    text-transform: uppercase;
    color:#333;
}
#footer img {
    margin-bottom:0;
    max-width:300px;
}
#left-footer {
    margin-bottom:2em;
}
#subfooter {
    background-color:black;
    color:white;
    font-size:14px;
    padding:5px 0;
    text-align:center;
}
#subfooter p {
    margin:0;
    text-align:center;
}
#subfooter a {
    color: #ed1c24;
}
#subfooter a:hover {
    color: #fff;
}

@media (min-width: 768px) { 
    h1 {
        font-size:6.5rem;
    }
    h1 span {
    font-size:4rem;
}
    h2 {
        font-size:3.8rem;
        margin-bottom:3rem;
    } 
    h3 {
        font-size:2rem;
    }
    #intro h2 {
        font-size:2.8rem;
        margin-bottom:1rem;
    }
    #intro h3 {
    margin-bottom:0;
    color:white;
    line-height:3rem;
    font-size:2rem;
}
    h3 span {
        font-weight:bold;
        color:#ed1c24;
    font-size:3rem;
    }
    #intro {
        padding-top:6rem;
        padding-bottom:6rem;
}
    #sticker {
    position: absolute;
    right: unset;
    top: 30px;
    margin-left: 20px;
    max-width: 300px;
    width: unset;
}
    #shirt {
        text-align:left;
    }
    .hide-desktop {
        display:none;
    }
    .hide-mobile {
        display:inherit;
        margin-bottom: 1.5em;
    }
    #about {
        padding-top:6rem;
        padding-bottom:3rem;
}
    #about p, #kidszone p,#menu p {
        margin-bottom:3rem;
    }
    #about img {
    max-width:100%;
}
    #menu {
        padding-top:4rem;
        padding-bottom:4rem;
    }
    #menu table {
        width:95%;
    }
    #menu td:first-child {
        width:76%;
    }
    #menu td:last-child {
        width:24%;
    }
    hr {
        max-width:650px;
    }
    #timer {
    margin:2em auto;
}
    #timer-box {
    color:white;
    background:#ed1c24;
    display:inline-block;
    
}
    #clockdiv {
        margin-top:0;
        font-size: 34px;
    }
    .smalltext{
    font-size: 18px;
}
    #dates {
    font-size:1.5em;
    padding:2rem 0;
        width: 99vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
    #dates hr {
        display:none;
    }
    #date1 {
        border-right:1px solid #ed1c24;
        padding:0;
    }
    #date2 {
    padding:0;
}
    #map iframe {
    height:500px;
}
   
    #polka_mass h2 {
        font-size:3.8rem;
    }
    #footer, #subfooter {
    text-align:left;
}
    #left-footer {
    margin-bottom:0;
}
    #subfooter p.left {
    text-align:left;
    float:left;
}
    #subfooter p.right {
    text-align:right;
    float:right;
}
}

@media (min-width: 992px) {
    h1 {
        font-size:8.4rem;
    }
    h1 span {
        font-size:5.2rem;
    }
    #intro h1 {
        line-height: 6.5rem;
    }
    #intro{
        padding-top:8rem;
        padding-bottom:8rem;
}
    #dates {
        font-size:2em;
    }
    h2, #intro h2 {
        font-size:3.8rem;
    }
    h3 {
        line-height:3rem;
        font-size:2.6rem;
    }
    h3 span {
        font-size:3.2rem;
    }
    #shirt img {
        max-width:250px;
    }
    #about {
        padding-top:8rem;
        padding-bottom:5rem;
}
    #clockdiv {
        margin-top:0;
        font-size: 40px;
    }
    .smalltext{
    font-size: 20px;
}
}