.first-div,
.platforms {
    padding-bottom: 2.5rem
}

.box,
main {
    text-align: center
}

.plat-img {
    width: 4.6875rem
}

.twitter-img {
    width: 7.8125rem
}

.email-img {
    width: 6.5rem
}

.platforms {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 2rem
}

.box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 20rem;
    align-items: center;
    background-color: #7adadc;
    padding: .625rem 3.75rem;
    border-radius: .625rem;
    margin: 0 auto
}

.blue-border-shadow:hover {
    border: 5px solid #0096ff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .3)
}

.images {
    margin-top: 2rem
}

@media (min-width:490px) {
    .box {
        width: 20rem;
        height: 10rem
    }

    .less {
        font-size: 1.2rem
    }
}