@charset "UTF-8";
/* CSS Document */

@import url("//hello.myfonts.net/count/3d8f44");
  
@font-face {
  font-family: "CrayonCrumble-Regular";
  src: url('../webFonts/CrayonCrumbleRegular/font.woff2') format('woff2'), url('../webFonts/CrayonCrumbleRegular/font.woff') format('woff');
}
.mobnav{display:block}.desknav{display:none}


#city-menu{background:#F0B622;}
.top-bar#city-menu, .top-bar#city-menu ul {
    background-color: #F0B622;
}
#city-menu .menu a, #city-menu .menu .button {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.4em;
    color: #000000;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.2rem 1.4rem 0rem 1.4rem;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}
#city-menu .menu a:hover{
    color: #000000; 
font-weight:900; -webkit-text-stroke:0px #000000; text-stroke:0px  #000000; text-shadow: 0px 0px #000000;
}

.jointhe{font-size:10pt; line-height:1; margin:0px; padding:0px; width:100%;}
.poohcrew{font-weight:900; line-height:1; margin:0px; padding:0px; width:100%;}
.hello img {margin:0px auto;}
.productions{ margin:15px auto 10px auto; display:flex; flex-diretion:row; align-content:center; justify-content:center; flex-wrap: wrap; max-width:400px}
.productions button {font-size:1.7em; margin:5px;}
.productions button a{color:#000000!important;}
.productions button:hover {transform:scale(110%); background:#ffffff!important;}

.productions button.prod1{transform:rotate(-1deg)}
.productions button.prod2{transform:rotate(2deg)}
.productions button.prod3{transform:rotate(-2deg)}

.productions h2 {width:100%; text-align:center!important; padding-bottom:16px;}

@media print, screen and (min-width: 40em) {

.productions button {font-size:1.4em; width:fit-content; width:intrinsic;}
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } 
   .mobnav{display:none}.desknav{display:block}
	
	
	.menu a, .menu .button {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.9rem 1.2rem 0.8rem 1.2rem;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}

		}

.top-bar ul {
width: intrinsic;
width: fit-content;
margin: 0px auto;
}



.head2{width:70%; position:relative; margin:0px auto;}
.headanimation img{width:70%; display:block; margin:0px auto; }
.headanimation {position:relative;}

@media print, screen and (min-width: 40em) {
.head2{width:53%; position:relative; margin:5px auto;}
}
@media print, screen and (min-width: 64em) {
.head2{width:48%; position:relative; margin:5px auto;}
}
@media print, screen and (min-width: 74em) {
.head2{width:34%; position:relative; margin:0px auto;}
}