.container {
    width: 100%;
    height: 100%;
    background-color: red;
    margin: 0;
    padding: 0;
    /*background-size: cover;*/
    /*object-fit: cover;*/
    /*margin-top: 50px;*/
}

.section-wrap {
    width: 100%;
    max-width: 1024px;
}

.section-wrap .text {
    position: absolute;
    top: 50%;
    width: 50%;
    margin-left: 8%;
    transform: translateY(-56%);
    color: #fff;
}

.section-wrap .text h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 48px;
    line-height: 1;
}

.section-wrap .text h4 {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.4;
    font-weight: normal;
    opacity: 0.8;
}

.section-wrap .apple-download {
    margin-top: 17%;
    width: 31%;
}

.section-wrap .image {
    position: absolute;
    bottom: 22%;
    right: 0;
    width: 44%;
    transform: translate(2%, 20%);
}

.section-wrap .image img {
    width: 100%;
}

.middlebox {
    width: 60vw;

    position: absolute;
    left:20vw;
    top: 50%;
    transform: translateY(-50%);display:flex;justify-content:space-between;
}
.mobile-image{
    display:flex;justify-content: end;
}
.mobile-image img {
    width: 25vw;
}
.logoname{height:6vw;line-height: 6vw;width:100%;display:block;background:url(../images/logo.png) no-repeat left center;background-size: auto 100%;padding-left:8vw;font-size:3vw;font-weight:bold;color:#00528c}
.info-text{font-size: 3vw;line-height: 4vw;width:100%;display:block;font-weight:bold;color:#00528c;margin-top:2vw;margin-bottom:2vw;}
.download-button {
    width: 14vw;
        height: 4vw;
        margin-top: 4vw;
}
.download-button .mobile-link{
    background:url(../images/btn.png) no-repeat center center;background-size: auto 100%;width:100%;height:100%;display:block;
}
/*.download-button {*/
/*    width: 13vw;*/
/*    height: 3.8vw;*/
/*    max-width: 13vh;*/
/*    max-height: 3.8vh;*/
/*    position: absolute;*/
/*    top: 650px;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 800px;*/
/*    margin: auto;*/
/*}*/