.square-grid {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
}


.square-btn {
    width: 100%;
    border: 2px solid lightgrey;
    padding: 35px 20px;
    margin: 5px 0px 5px 0px;
}

li {
    list-style-type: none;
}

.color1 a {
    background-color: #E88F26;
    border-color:#E88F26;
}

.color2 a {
    background-color: #4EA2DB;
    border-color:#4EA2DB;
}

.color3 a {
    background-color: #4BB146;
    border-color: #4BB146;
}


.color1 a:hover {
    color: #E88F26;
    border-color:#E88F26;
}

.color2 a:hover {
    color: #4EA2DB;
    border-color:#4EA2DB;
}

.color3 a:hover {
    color: #4BB146;
    border-color: #4BB146;
}


 @media (min-width: 60em) {
     
 
     .square-grid {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
}


.square-btn {
    width: 48%;
    border: 2px solid lightgrey;
    padding: 35px 20px;
    margin: 5px 5px 5px 0px;
}
     
     
 }