body {
    margin: 0px;
    padding: 0px;
    font-family: Helvetica;
  	width: device-width;
}
container {
    margin: 0px;
    padding: 0px;
    font-family: Helvetica;
  	width: device-width;
}

navbar {
  	width: device-width;
}

.beerstyle {
    color: rgb(38, 127, 239);
    background-color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 32px;
    list-style-type: none;

    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0px;
    padding: 10px;

    border-style: solid;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    border-color: rgb(223, 223, 223);
    white-space: nowrap;
}

.beername {
    color: rgb(23, 23, 23);
    background-color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    list-style-type: none;

    text-overflow: ellipsis;
    overflow: hidden;
    margin:  0px -25px;
    padding: 3px 15px;
    white-space: nowrap;

    border-style: solid;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-color: rgb(223, 223, 223);
}

.bn2 {
    background-color: rgb(249, 249, 249);
}

li.beername:hover {
    background-color: rgb(242, 242, 242);
}

.breweryname {
    color: rgb(169, 169, 169);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    list-style-type: none;

    text-overflow: ellipsis;
    overflow: hidden;
    margin:  0px 18px;
    padding: 0px 0px;
    white-space: nowrap;
}

.check {
	float:left;
	padding: 0px 0px ;
	margin: 0px 10px 0px -5px ;
}

.reset {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
	text-align:center;
	margin: 5px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: rgb(223, 223, 223);
	padding: 5px;
}
.about {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
	text-align:center;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: rgb(223, 223, 223);
	padding: 5px;
}
.stats {
    color: rgb(230, 230, 230);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
	text-align:right;
	padding: 5px;
	margin: 5px;
}

.tweet {
    color: rgb(230, 230, 230);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    float:left;
	padding: 5px;
	margin: 5px;
}
@-ms-viewport {
  width: device-width;
}

#appModeNote em {
	display: block ;
	font-size: 20px ;
	font-weight: bold ;
	line-height: 26px ;
}
 
#appModeNote span {
	display: block ;
	font-size: 14px ;
	line-height: 20px ;
}