div.container {
 width: 100%;
 border: 1px solid red;
}
header, footer {
 padding: 1em;
 color: gray;
 background-color: pink;
 clear: left;
 text-align: center;
}
nav {
 float: left;
 max-width: 160px;
 margin: 0;
 padding: 1em;
}
nav ul {
 list-style-type: none;
 padding: 0;
}
 
nav ul a {
 text-decoration: none;
}
article {
 margin-left: 170px;
 border-left: 1px solid gray;
 padding: 1em;
 overflow: hidden;
}

/*change logo size*/
.smaller-image{
 width: 100px;
}

/*slide show*/
.slider{
 width: 700px;
 height: 260px;
 background: url(../images/hospitality1.png);
 margin: 100px auto;
 animation: slide 20s infinite;
}
@keyframes slide{
 50%{
 background: url(../images/hospitality2.jpg);
 }
 75%{
 background: url(../images/hospitality3.png);
 }
 100%{
 background: url(../images/hospitality1.png);
 }
} 

/*change color*/
h2{
 color:gray;
}