h4 div {
    margin-top: -10px;
    margin-bottom: 10px;
}
h4 span.label {
    font-style: normal;
    text-transform: uppercase;
    font-size: 61%;
    font-weight: bold;
    background-color: #ddd;
    padding: 4px;
    border-radius: 5px;
}

h4 span.label.live_music {
    background-color: #ddf;
}

h4 span.label.speaker_series {
    background-color: #fdd;
}

h4 span.label.cooking_demonstration {
    background-color: #ffd;
}

h4 span.label.trivia_night {
    background-color: #fcf;
}

h4 span.label.networking_event {
    background-color: #cfc;
}

h4 span.label.major_league_bocce {
    background-color: #fce5cd;
}



#events .post
{
    padding-bottom: 20px;
}

#events .day {
    font-weight: bold;
}

#events .time {
    font-size: 65%;
    font-weight: normal;
}

#events .add_icon {
    border-top: 1px solid gray;
    padding-top: 5px;
    font-size: 60%;
    margin-top: 5px;
    margin-bottom: -2px;
}




/*************************
 Hide on Mobile
*************************/

@media screen and (min-width: 600px) {
    #contactanchormobile{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #contactanchor{
        display:none;
    }
}


@media screen and (max-width: 600px) {
    #quoteoftheday{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #history{
        display:none;
    }
}

/*Menu*/

@media screen and (max-width: 600px) {
    #cappuccino{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #biscotti{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #cafelatte{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #bagels{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #sconesandmuffins{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #westernomelet{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #salad{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #friendshipsteaksandwich{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #chickenwrap{
        display:none;
    }
}


@media screen and (max-width: 600px) {
    #friedpicklespears{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #homemadechips{
        display:none;
    }
}

@media (max-width: 600px) {
    #contactus{
      display: none;
	} 
}

@media (min-width: 600px) {
	#contactusmobile{
	   display: none;
	   }
}

@media (max-width: 600px) {
    #addresshours{
        display: none;
    }
}

@media (min-width: 600px) {
    #addresshoursmobile{
        display: none;
    }
}


/*Gallery*/


@media screen and (max-width: 600px) {
    #mug{
        display:none;
    }
}

@media screen and (max-width: 600px) {
    #fireplace{
        display:none;
    }
}

/*Weekly Happenings doesn't work yet

@media screen and (max-width: 600px) {
    #trivia{
        visibility:visible;
    }
}

@media screen and (max-width: 600px) {
    #brunch{
        visibility:visible;
    }
}

@media screen and (max-width: 600px) {
    #happyhour{
        visibility:visible;
    }
}

@media screen and (max-width: 600px) {
    #networking{
        visibility:visible;
    }
}

*/



/*************************
 Sticky Navbar
*************************/
/* always applied */
/*
nav {
    width: 100%;
    background-color: #03012C;
    text-align: center;
    margin: 0 auto;
}
*/
/* applied after scroll height reached */
/*
.fixed-nav nav {
    position: fixed;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    top: 0;
    z-index: 500;
}
*/

/**********
Mobile/Desktop Text Logo
**********/

  /* hide mobile version by default */
  /*.logo .mobile {
    display: none;
  }*/
   /*when screen is less than 600px wide
     show mobile version and hide desktop */
  /*@media (max-width: 600px) {
    .logo .mobile {
      display: block;
    }
    .logo .desktop {
      display: none;
    }
  }*/


  @media (max-width: 600px) {
    #desktoptextlogo{
        display: none;
    }
}

@media (min-width: 600px) {
    #mobiletextlogo{
        display: none;
    }
}
