@media screen and (max-width: 1100px) {
 
}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 950px) {
    .star.left {
        left: 0;
    }
    .star.right {
        right: -9%;
    }
}

@media screen and (max-width: 850px) {
    h2:nth-of-type(1) {
        font-size: 85px;
    }
    h2:nth-of-type(2) {
        font-size: 74px;
    }
    h2:nth-of-type(3) {
        font-size: 56px;
    }
    #demo h3 span.color {
        font-size: 15px;
    }
    .star.right {
        right: -13%;
        bottom: -2%;
        top: initial;
    }
    .star.left {
        left: -2%;
        top: 80%;
    }
    .header-inner {
        margin: 100px auto 200px;
    }
    #demo h3 span {
        font-size: 90px;
    }
}

@media screen and (max-width: 800px) {
    .s-slide-row {
        width: 800px;
        text-align:center;
        height: 185px;
    }
    .s-slide-item {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 700px) {
    h2:nth-of-type(1) {
        font-size: 62px;
    }
    h2:nth-of-type(2) {
        font-size: 54px;
    }
    h2:nth-of-type(3) {
        font-size: 35px;
    }
    #demo {
        margin-top: 30px;
        min-height: 100px;
        max-width: 350px;
        width: 100%;
        margin: 30px auto;
    }
    .s-slide-row {
        width: 700px;
    }
}

@media screen and (max-width: 675px) {
 
}

@media screen and (max-width: 630px) {
    h2:nth-of-type(1) {
        font-size: 46px;
    }
    h2:nth-of-type(2) {
        font-size: 40px;
    }
    h2:nth-of-type(3) {
        font-size: 19px;
    }
    #mobile {
        display: none !important;
    }
    #desktop {
        display: none !important;
    }
    .s-slide-row {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .s-slide-item h3 span.color {
        letter-spacing: 3.75px;
    }
    .s-slide-row p {
        margin: 2px;
    }
    .s-slide-row {
        width: 400px;
    }
    .emoji {
        font-size: 23px;
    }
    main {
        margin: 0% 1% 50%;
    }
    .header-inner {
        margin: 100px auto 100px;
    }
}

@media screen and (max-width: 400px) {
    .s-slide-row {
        width: 320px;
    }
}