.container{
width: 100%;
max-width: 1298px;
margin: 0 auto;
overflow: hidden;
}

img {
max-width: 100%;
}

.clear{
clear: both;
}

header{
border: 1px solid black;
min-height: 170px;
text-align: center;

}

#button-cont, #gallery-cont {
width: 100%;
display: block;
overflow: hidden;
}

.buttons {
width: 33%;
float: left;
padding: 10px 0;
}

.buttons a {
background-color: #890a11;
color: white;
padding: 15px 32px;
text-align: left;
text-decoration: none;
display: block;
margin: 0 auto;
max-width: 150px;
font-size: 16px;
font-family: cursive;
text-align: center;
}

#main-content {
overflow: hidden;
}

.content{
min-height: 400px;
float: left;
width: 68%;
overflow: hidden;
padding: 20px 1%;
border: 1px solid black;
}

.sidebar {
float: right;
width: 27%;
}

figure {
width: 28%;
margin: 15px 2.5%;
float: left;
}

figcaption {
text-align: center;
}

@media (max-width: 767px) {
.buttons, figure, .sidebar {
width: 100%;
}

.content {
width: 95%;
padding: 2%;
}

figure {
margin: 10px 0;
}
}