body{
    background: #000;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-size:12px;

}

header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 20px 50px;
    border-bottom: 1px solid;

}

h1{
    font-size: 3em;
    color: #dea82e;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400; 

}

h2{
    font-size: 2em;
}

p { font-size: 1.5em;}


#nav-title {
    margin-right: auto;
}

nav { font-size: 1.5em;}

header li {
    list-style: none;
    display: inline-block;
    padding: 0 20px;
}

header a {
    text-decoration: none;
    color: #FFF;
    transition: all 0.3s ease 0s;
}

header a:hover {
    color: #88795a;
}

header a:active {
    color:#88795a;
}

.container {
    width: 80%;
    margin:auto;
    padding-top: 100px;
}

.grd-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align:center;
    height: 200px;
    font-weight: bold;
   
}

.color-1{
    background: #88795a;
}

.color-2 {
    background: #dea82e;
}

.color-3 {
    background: #FFFFFF;
    color: #000000;
}

footer {
    margin-top: auto;
}

.grd-images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.grd-images img {
    width: 300px;
    justify-content: center;
}