/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bowlby+One&display=swap');



#content {
    max-width: 1600px;
    margin: 0 auto;
}

body {
    background-color: #fcfbfb;
    font-family: "Lato", sans-serif;
    font-size: 22px;

    margin: 0;
    padding: 0;

}

h2 {
    margin: 0;
}

nav a {
    text-align: center;
    color: #11203e;
    text-decoration: none;
    padding: 35px;
}

#hero-msg h1, #hero-msg h4 {
    text-align: center;
}

.button-box {
    text-align: center;
}

main section {
    text-align: center;
}

main section img {
    box-sizing: border-box;
}

#background {
    height: 725px;
    background-color: lightblue;
}

header {
    background-color: rgba(233, 66, 36, .7);
}

nav a:hover {
    background-color: #11203e;
    color: #e94224;
}

.book, .join {
    background-color: #e94224;
    color: #11203e;
    text-decoration: none;
    font-size: 18px;
    padding: 15px 30px;
    margin-top: 50px;
    border-radius: 5px;
}

.book:hover, .join:hover {
    background-color: #11203e;
    color: #e94224;
}

.msg {
    background-color: #11203e;
    line-height: 1.5em;
    padding: 35px;
}

footer {
    background-color: rgba(233, 66, 36, .7);
    color: black;
    padding: 25px 50px;
    margin-top: 200px;
}

.home-title {
    color: #11203e;
    font-family: "Bowlby One", sans-serif;
    font-size: 2em;
    margin-top: 10px;
}

h4 {
    color: blue;
}

.msg h2 {
    color: white;
    font-family: "Bowlby One", sans-serif;
}

.msg p {
    color: white;
    font-size: .8em;
    padding-bottom: 15px;
}

footer a {
    color: black;
    text-decoration: none;
}

footer a:hover {
    color: black;
}

.logo, .icon {
    width: 80px;
    padding-top: 10px;
}

#hero-img {
    width: 100%;
}

footer p {
    font-size: 1.2em;
}

footer p a:hover {
    text-decoration: underline;
}

#logo_link {
    padding-top: 5px;
}

footer .social img {

    padding-top: 15px;
}

.rivers-card, .camping-card, .rapids-card   {
    margin: 200px 0;
}

.card-img {
    border: 10px solid #e94224;
}