@import url(http://fonts.googleapis.com/css?family=Karla:400,700);

body {
	margin: 0;
	padding: 0;
	font-family: 'Karla', sans-serif;
    color: #333;}

#buttons{
	text-align: center;
	margin: 20px 0;

	border-radius: 20px;}

button {
	background-color: # 9932CC;
	border: 1px solid #ccc;
	padding: 3px 10px 4px 10px;
	margin: 0 1px;
	color: #333;
	font-family: 'Karla', sans-serif;
	font-size: 100%;
border-radius: 20px;}

button:hover, button.active {
	background-color: #e8ccd7;
	color: #fff;
	cursor: pointer;}

#gallery {
	 text-align: center;
	 max-width: 1020px;
	 margin: 0 auto;
// display: flex;
// justify-content:center; }

#gallery img {

	width: 330px;
	height: 248.5px;
padding: 2px;
   // -webkit-box-shadow: 0 0 3px 3px #ebebeb;
  //  box-shadow: 0 0 3px 3px #ebebeb;
	}

#menu {
background-color: #e8ccd7!important; }
#navbardrop {
color: #ffffff; 
//font-weight: bold;}

@media screen and (max-width: 395px) {
#gallery img {
 // display: flex;
 // align-self: center;
} }