/* Hello */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
    background-color:#fafafa;
    padding: 0;
    margin: 0;
}
header {
    background-color: #2A5C82;
    width: 100%;
}
.logo {
    width: 100px;

}
nav {
    display: grid;
    width: 65%;
    justify-self: center;
    grid-template-columns: 100px 100px 1fr 1.1fr;
    align-items: center;
    justify-items: center;
    gap: 10px;
    margin: 0;
}

nav a {
    font-family: "Montserrat";
    text-align: center;
    color: #fafafa;
    text-decoration: none;

}
nav a:hover {
    background-color: #fafafa;
    color: #4A7C59;
}
div {
    color: #D96C30;
}
p {
    font-family: "Open Sans";
}
.media {
    float: right;
}
nav img {
    width: 100px;
}
nav li {
    list-style-type: none;
}
/* header */



/* main */

main {
    border-bottom: 2px solid;
    padding-bottom: 15px;
    display: grid;
}
main #main_image {
    justify-self: center;
    width: 50%;
}
main h1{
    justify-self: center;
}
main hr {   
    width: 60%;
}
.sections {
    display: grid;
    justify-items: center;
    align-items: center;
    justify-self: center;
    width: 60%;
    grid-template-columns: 1fr 3fr;
    column-gap: 25px;
}
.sections h3 {
    grid-column: 1 / 3;
    justify-self: left;
    margin: 0px;
}


footer {
    background-color: #2A5C82;
    color: #fafafa;
    height: 10%;
    display: flex;
    gap:65%;
}
footer p {
    margin: 10px;
}
footer div {
    margin: 10px;
}
footer img {
    margin: 10px;
}