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

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

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

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

#s3 .coin-bx .coinbx img {
    position: absolute;
    left: 0;
    width: 8vw;
    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 h1 {
    z-index: 2;
    text-align: center;
    font-size: 3vw;
    letter-spacing: -.1rem;
    color: white;
	padding-bottom: 5rem;
}

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

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

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

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

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

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

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

#s3 .balls {
    width: 6vw;
    max-width: 200px;
}