.top-image {
    width: 100%;
    height: 587px;
    background-image: url('/images/suppbk.webp');
    background-position: bottom;
    background-size: cover;
    position: relative;
}

.top-image-container {
    background-color: #16151529;
    position:absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.top-image-container-center {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.w-400
{
    width:360px;
}

.top-image-mockup {
    position: absolute;
    top: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width:580px;
    height:776px;
}

.top-image-badge-container{
    text-align:left;
}

.top-image-badge {
    height: 34px;
}

.home-image-banner {
    height: 655px;
    background-position: center;
    background-size: cover;
}

.pro-top-image-center {
    position: absolute;
    width:659px;
    top: 270px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pro-user-container {
    width: 112px;
    height: 112px;
}

.pro-user-image-bg {
    width: 100%;
    height: 100%;
    -moz-border-radius: 270px;
    -webkit-border-radius: 270px;
    border-radius: 270px;
    background-position: center;
    background-size: cover;
    border: solid 1px;
    position: relative;
}

.pro-user-badge {
    position: absolute;
    height: 32px;
    width: 32px;
    bottom: 0px;
    left: 0px;
}

.pro-user-animal {
    position: absolute;
    height: 40px;
    width: 40px;
    bottom: 0px;
    right: 0px;
}

.pro-mockup-image {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -36px;
}

.supporter-box {
    border: solid 4px black;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
    padding: 63px 83px 63px 83px;
    min-width: 679px;
    min-height: 432px;
}

.supporter-box-supporter {
    border: solid 5px var(--supporterBlue);
    background-color: var(--supporterBlue);
    color:white;
}

.box-supporter {
    padding: 23px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    -moz-box-shadow: 0px 0px 8px #3A51C629;
    -webkit-box-shadow: 0px 0px 8px #3A51C629;
    box-shadow: 0px 0px 8px #3A51C629;
}

.sponsor-logo
{
    padding:0px 40px 0px 40px;
}