#s3-m,
#s3-m .coin-bx,
#s3-m .text-bx {
    display: flex;
}

#s3-m {
	position:relative;
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10vh 0 10vh 0;
    overflow: hidden;
}

#s3-m .coin-bx {
    max-width: 80vw;
    height: 8vw;
    padding-bottom: 3rem;
}

#s3-m .coin-bx .coinbx {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15vw;
    height: auto;
    z-index: 2;
}

#s3-m .coin-bx .coinbx img {
    position: absolute;
    left: 0;
    width: 15vw;
    height: auto;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    cursor: pointer;
}

#s3-m h1 {
    z-index: 2;
    text-align: center;
    font-size: 7vw;
    letter-spacing: -.01rem;
    color: white;
	padding-bottom: 3rem;
}

#s3-m h1 em {
    font-style: normal;
    color: #C0AAFF;
}

#s3-m .coin-bx .coinbx .top {
    opacity: 1;
}

#s3-m .coin-bx .coinbx .top:hover {
    opacity: 0;
}

#s3-m .coin-bx .b-corner {
    transform: translateY(20%);
}

#s3-m .coin-bx .t-corner {
    transform: translateY(-20%);
}

#s3-m .coin-bx .coin-space{
	width: 5vw !important;
}
#s3-m .coin-bx .t-corner,
#s3-m .coin-bx .b-corner {
    width: 10vw !important;
}

#s3-m h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 200vw;
    color: #C0AAFF;
    opacity: 0.1;
    z-index: 1;
}

#s3-m .balls {
    width: 12vw;
}