@media screen and (max-width: 1440px) {
    #slide3 .wrapper {
        background-position: calc(50vw - 70px) 0;
    }
    #slide3 .droplet {
        right: calc(50vw - 520px);
    }
}

@media screen and (max-width: 1050px) {
    #slide1 h1.line {
        margin: 40px 0 0;
    }
    #slide1 {
        background-position: calc(60vw - 150px) 450px;
        padding-bottom: 35px;
    }
    #slide1.show {
        background-size: 450px;
        background-position: calc(50vw - 150px) 200px;
    }
    #slide2 .right {
        width: 220px;
    }
    #slide3 .line-visual {
        background-image: url(../images/background-line-slide3-2.jpg);
    }
    #slide3 .droplet {
        bottom: 310px;
        right: calc(50vw - 235px);
    }
    .certified {
        margin-left: calc(18vw - 50px);
    }
}

@media screen and (max-width: 850px) {
    .download {
        float: none;
        clear: both;
        margin: 40px auto -20px;
    }
    .certified {
        float: none;
        clear: both;
        margin: 0 auto 40px;
    }
}

@media screen and (max-width: 650px) {
    #slide3 .droplet {
        width: 24vw;
        bottom: 47vw;
        right: 14vw;
    }
    #slide3 .line-visual {
        height: calc(80vw - 30px);
    }
    .drop3.a {
        top: 7vw;
    }
    .drop3.b {
        top: 30px;
    }
    .drop3.c {
        top: 35px;
    }
}

@media screen and (max-width: 600px) {
    #slide1 {
        background-size: 50px;
        background-position: calc(70vw - 150px) 460px;
        padding-bottom: 35px;
    }
    #slide1.show {
        background-size: 450px;
        background-position: calc(50vw - 150px) 195px;
    }
}

@media screen and (max-width: 572px) {
    #slide1.show {
        background-position: calc(43vw - 60px) 195px;
    }
}

@media screen and (max-width: 500px) {
    #slide1 {
        background-size: 50px;
        background-position: calc(70vw - 150px) 360px;
        padding-bottom: 35px;
    }
    #slide3 .line-visual {
        height: calc(95vw - 50px);
        background-position: calc(50% - 10px) center;
    }
    #slide3 .droplet {
        width: 32vw;
        bottom: 55vw;
        right: 7vw;
    }
    .drop3.a {
        top: 9vw;
    }
    .drop3.b {
        top: 30px;
    }
    .drop3.c {
        top: 35px;
    }
}

@media screen and (max-width: 420px) {
    h1 {
        font-size: 1.9rem;
    }
    #slide5 span {
        font-size: .9rem;
    }
    #slide5 span.col1 {
        left: calc(25vw - 30px);
    }

    #slide5 span.col2 {
        right: calc(18vw - 55px);
    }
    #slide5 span.col1legend,
    #slide5 span.col2legend,
    #slide5 span.col3legend {
        font-size: .75rem;
    }
    #slide5 span.col1legend {
        left: calc(24vw - 30px);
    }
    #slide5 span.col2legend {
        left: calc(50vw - 30px);
    }
    #slide5 span.col3legend {
        left: calc(78vw - 30px);
    }
    .mobile-420 {
        display: inline-block;
    }
}

@media screen and (max-width: 360px) {
	#slide1 {
		background-size: calc(15vw + 30px);
		background-position: calc(63vw - 60px) 300px;
		padding-bottom: 35px;
	}
    #slide1.show {
        background-size: calc(75vw + 30px);
        background-position: calc(43vw - 60px) 200px;
    }
    #slide3 .droplet {
        width: 35vw;
        bottom: 55vw;
        right: 5vw;
    }
    .drop3.a {
        top: 10vw;
    }
    .drop3.b {
        top: 30px;
    }
    .drop3.c {
        top: 35px;
    }
}