/* Styles for Travel Website */
body {
    background-image: url("../images/background.jpg");
    background-size: 100%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

#wrapper {
    width: 940px;
    margin: 20px auto;
    background-color: #bbddeb;
    padding: 20px;
    border-radius: 4px;
}

header {
    background-color: #bbddeb;
}

nav {
    height: 50px;
    background-color: #75d8ff;
    line-height: 50px;
}

nav li {
    list-style-type: none;
    float: left;
    width: 20%;
    text-align: center;
    font-size: larger;
}

nav a {
    text-decoration: none;
    display: block;
}

nav a:hover,
nav li:hover {
    background: rgb(255, 92, 92);
    color: #ffffff;
}

.home li:nth-child(1) a,
.big li:nth-child(2) a {
    background: rgb(255, 92, 92);
    color: #ffffff;
}

#banner {
    background-color: rgb(226, 241, 255);
}

main {
    width: 580px;
    background-color: aliceblue;
    float: left;
    margin-top: 10px;
}

aside {
    width: 340px;
    background-color: rgb(204, 231, 255);
    float: right;
    border-radius: 10px;
    margin-top: 20px;
}

footer {
    background-color: rgb(187, 223, 255);
    clear: both;
    line-height: 50px;
    height: 50px;
}

footer li {
    list-style-type: none;
    float: left;
    margin-right: 30px;
}

img {
    max-width: 100%;
    display: block;
}

#logo {
    display: inline;
    width: 100%;
}

#big {
    margin: auto;
    width: 799px;
}

#left {
    float: left;
    width: 300px;
    margin: 5px 20px;
}

#right {
    float: right;
    width: 300px;
    margin: 5px 20px;
}

h1,
h2,
h3,
p {
    margin: 20px 20px;
    line-height: 1.5;
}

p {
    text-indent: 40px;
}