.head1{
    color: #0E4406;
    font-weight: bold;
    text-align: center;
    font-size: 2em;
}

.wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;  
    margin-bottom: 2em;
    margin-left: 2em;
    margin-right: 2em;
}

.a{
    grid-column: 1 / span 3;
    grid-row: 1 / span 1;
    padding-bottom: 2em;
}

.b{
    grid-column: 2 / span 1;
    grid-row: 2 / span 1; 
    margin-bottom: 2em;
    box-shadow: 0em 0em 0.5em 0em #747474;
}

img{
    max-width: 60em;
    max-height: 48em;
}

@media(max-width: 1200px)  and (orientation: portrait){
    img{
        width: 17em;
    }
}

@media(max-width: 1200px)  and (orientation: landscape){
    img{
        width: 25em;
    }
}