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

body {
	font-family: 'Slabo 27px', serif;
	background-color: #fff5d8;
}

/** NAVBAR BEGINS **/

.container-top {
	margin: 10px;
	padding: 10px;
}

.topnav {
  	overflow: hidden;
 	background-color: #fff5d8;
}

.topnav a {
 	float: right;
 	display: block;
  	color: #000;
  	text-align: center;
  	padding: 40px 20px;
  	text-decoration: none;
  	font-size: 24px;
}

.topnav a:hover {
  	color: #6fe2d8;
}

.topnav a.active {
  	font-weight: bold;
  	color: #6fe2d8;
}

.topnav .icon {
  	display: none;
}

.logo {
  	position: absolute;
}

@media screen and (max-width: 706px) {
  .topnav a:not(:last-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

}

@media screen and (max-width: 706px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }
}

/** NAVBAR END **/ 

/** GALLERY START **/

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

/** GALLERY END **/

.button-style {
	background-color: #fa9498;
	color: #fff;
}

.button-style:hover {
	background-color: #e68385;
	color: #fff;
}

.container {
	align-content: center;
}

.row {
	margin: 0px;
	padding: 5px 0px;
}

.intro {
	font-family: 'Slabo 27px', serif;
	font-size: 28px;
	font-weight: lighter;
}

.contact {
	font-size: 18px;
}

.img-style {
	float: left;