
.separator-600px {
    width: 100%;
    height: 0px;
    padding-top: calc(250px + 25%);
}
.separator-350px {
    width: 100%;
    height: 0px;
    padding-top: calc(100px + 15%);
}

h1.h1-subtitle {
    font-size: 102px;

}

h1 .h1-underline {
    border-top: 2px solid white;
    text-align: center;
    line-height: 170%;
}

@media screen and (max-width:800px) {
        h1.h1-subtitle {
            font-size: 10vw;
        }
        h1 .h1-underline {
            line-height: 170%;
        }
}


.title-text {
    color: black;
    text-align: left;
}


#item-laptop-bg {
    background-image: url("../images/laptop-background-path2.svg");
    /*padding-top: 78.82%;*/
    padding-top: 97.51%;
    background-size: cover;
    position: relative;
    right: -7.5%;
    margin: -14% -30% -20% -22%;
}
#item-laptop {
    background-image: url("../images/laptop.png");
    padding-top: 59.38%;
    width: 66.5%;
    position: absolute;
    top: 1%;
    left: 15%;
}

#item-laptop-sawapp {
    background-image: url("../images/laptop-sawapp.png");
    padding-top: 59.38%;
    width: 66.5%;
    position: absolute;
    top: 1%;
    left: 15%;
}

.laptop-top-margin {
    padding-bottom: 4%;
}

#page-top-background {
    background-color: cyan;
}

#page-bottom-cyan-background {
    background-color: cyan;
}

#page-footer-orange-background {
    padding-top: 8%;
    background-color: #FFD87E;
}

#item-git-phone {
    background-image: url("../images/git-phone.png");
    padding-top: calc(159.07% * 1.2);
    width: 120%;
    margin: -20% -25% -20% -18%;
}

#item-sawapp-person {
    background-image: url("../images/sawapp-person.png");
    padding-top: calc(159.07% * 1.2);
    width: 120%;
    margin: -20% -25% -20% -18%;
}

#item-maprise-interface {
    background-image: url("../images/maprise-interface.png");
    padding-top: 61.66%;
    width: 90%;
}

.landing-features-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.landing-features-box.landing-features-25p div{
    flex-basis: 23%;
}

.landing-features-box.landing-features-50p div{
    flex-basis: 48%;
}

.landing-features-black {
    color: black;
}

.landing-features-white {
    color: white;
}

#header {
    background-color: cyan;
}

#item-maprise-phone {
    background-image: url("../images/maprise-phone.png");
    padding-top: 200.71%;
}

.maprise-color-gray {
    color: #46808C;
}

.maprise-color-white {
    color: white;
}

.maprise-twins {
    width: 46.67%;
}

.maprise-phone-top-margin {
    padding-top: 5%;
}

#item-phpwallet-bg {
    background-image: url("../images/phpwallet-background-path.svg");
    width: 87%;
    margin-left: 13%;
    padding-top: calc(88.65% * 0.87);
    background-size: cover;
    position: relative;
}

#item-phpwallet {
    background-image: url("../images/phpwallet-phone.png");
    padding-top: 159.33%;
    width: 76%;
    position: absolute;
    top: -36%;
    left: 15%;
}

.phpwallet-twins {
    width: 63.64%;
}

#item-phpwallet-interface {
    background-image: url("../images/phpwallet-interface.png");
    width: 90%;
    padding-top: calc(62.31% * 0.9);
}

@media screen and (max-width: 1000px) {
    #item-laptop-bg {
        right: 0px;
        margin: 0px;
    }
    #item-laptop {
        top: 15%;
        left: 15%;
    }
    #item-laptop-sawapp {
        top: 15%;
        left: 15%;
    }
    #item-git-phone {
        padding-top: calc(159.07% * 1.0);
        width: 100%;
        margin: auto;
    }
    #item-sawapp-person {
        padding-top: calc(159.07% * 1.0);
        width: 100%;
        margin: auto;
    }
    #item-maprise-interface {
        width: 100%
    }
    .maprise-twins {
        width: 100%;
    }
    .phpwallet-twins {
        width: 100%;
    }
    #item-phpwallet-bg {
        width: 100%;
        margin: 5% auto 0% auto;
        padding-top: calc(88.65% * 1);
    }
    #item-phpwallet-interface {
        width: 100%;
        padding-top: calc(62.31%);
    }
    .separator-600px {
        padding-top: calc(300px + 85%);
    }
    .separator-350px {
        padding-top: calc(140px + 30%);
    }
}
