header{
    display: grid;
    position: sticky;
    grid-auto-flow: column;
    grid-template-columns: 25% 50% 25%;
}
header div{
    font-size: 70%;
    display: grid;
    place-items: center;
    padding-bottom: 5ch;
}
 header img{
    height: 250px;
    width: auto;
}
header a{
    text-decoration: none;
    color: #c18332;
}
header a:hover{
    color: #f8a63a;
}

.greeting{
    display: grid;
    grid-row: 1fr;
    align-items: center;
    justify-items: center;
    padding: 1ch;
}
.greeting h3,h4{
    margin: .5rem;
}

@media (max-width: 768px){
    header img{
        height: 150px;
    }
    header a{
        font-size: smaller;
        text-align: center  ;
    }
}
@media (max-width: 480px){
    header img{
        height: 100px;
    }
}