#banner {
    
    margin: 10%;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 0fr;
    column-gap: 34px;
      

}


#fiona {

    position: absolute;
    left: 45%;

    
    
}

#intro {

    font-size: 25px;
    font-family: Cambria, Cochin, Georgia, Times, ;
    
}

#grid {
    
    position: absolute;
    left: 10%;
    display: flex;
    flex-wrap: wrap;
    gap: 5em;
    
}

@media (max-width: 1100px) {
    
    p {
        font-size: 85%;
    }
}

@media (max-width: 600px) {
    
    p {
        font-size: 80%;
    }
}

@media (max-width: 600px) {
    
    p {
        font-size: 63%;
    }
}