h2,

body {
	overflow-x : hidden;
	overflow-y : scroll;

	/*background-color : #f6eeba;*/
	color      : black;

}
.container{
        max-width: 880px;
    }

.info {
	font-size   : 100%;
	text-align  : center;
	z-index: -1000;
	overflow: hidden;	

}
.links {
  text-align: center;
}

#flavor-list {
	width        : 50%;
	margin-right : auto;
	margin-left  : auto;
}

.main-logo {
	height       : 110px;
	max-width    : 100%;
	margin       : 0 auto;
	margin-right : auto;
	margin-left  : auto;
	z-index: 10000;

	/*background          : url(/img/main-logo.png) no-repeat;*/
	text-align   : center;

	
}

#bg {
	height         : 100%;
	width          : 100%;
	max-width      : 616px;
	margin         : 0 auto;
	margin-right   : auto;
	margin-left    : auto;
	padding-bottom : 0;
}

#navbarCollapse {
	width : 100%;
}

.navbar {
}

.navbar-brand {
	width           : 65px;

	background      : url(../img/logo.png) no-repeat center;
	background-size : 100%;
}

.navbar-account {
	float       : left;

	padding     : 10px 15px 10px 10px;

	font-size   : 12px;
	line-height : 20px;
}

footer {
	padding-top : 70px;
}

footer p {
	padding-top  : 10px;
	padding-left : 10px;
}

a {
	color           : orange;
	text-decoration : none;
}

img {
	vertical-align : middle;
	border         : 0;
	object-fit: cover;
}

h1 {
	line-height : 1em;
}

.links {
	text-align : center;
}

@media (min-width: 481px) {
	.navigation {
		padding    : 0;
		list-style : none;
	}

	.navigation li {
		display : inline-block;
	}

	.navigation li:not(:first-child):before {
		content : '| ';
	}
}

#about-img {
	display: block;
	width: auto;
	margin: auto;
}

#main-img {
	display: block;
	width: auto;
	margin: auto;
}


img {
	max-height: 100%;
	max-width: 100%;
	border: 0;
 	vertical-align: middle;
}