.root-image {
    float: right;
}

.instruction-links {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:15px;
}

.instruction-link {    
    grid-template-columns: 1fr;            
}


.instruction-link > .name {
    text-align: center;
    color: #525250;
    font-size: 1.5rem;
    background-color: #D8E1F5;
    padding: 10px;
    border: 1px solid #525250;
    border-radius: 5px;    
}




/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {

}

/* --------- iphone portrait -----------  */
@media screen and (max-width: 540px) {
    .root-image {
        float: none;
        text-align: center;
    }

    .instruction-links {        
        grid-template-columns: 1fr;         
    }

}