section.head {
    padding-top: 40vw;
    position: relative;
}
div.microscope {
    height: 37.57vw;
    background: center url(../img/molecule-secret/top-bk.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
}
div.microscope > i.bubbles {
    height: 30vw;
    background: center url(../img/molecule-secret/top-bubbles.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 2vw;
    left: 1.5vw;
    width: 100vw;
    z-index: 1;
}
div.microscope > i.items {
    height: 30.3vw;
    background: center url(../img/molecule-secret/top-items.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 3vw;
    left: 9vw;
    width: 100vw;
    z-index: 2;
}

div.checklist {
    width: 100vw;
    height: 0;
    position: relative;
}
div.checklist > i.mini-bubble {
    width: 7.57vw;
    height: 8.06vw;
    position: absolute;
    top: -18vw;
    left: -27vw;
    display: block;
    background: center url(../img/molecule-secret/checklist-mini-bubble.png) no-repeat;
    background-size: contain;
    z-index: 0;
}
div.checklist > i.bubbles {
    width: 30.17vw;
    height: 37.14vw;
    position: absolute;
    top: -21vw;
    left: -31vw;
    display: block;
    background: center url(../img/molecule-secret/checklist-bubble.png) no-repeat;
    background-size: contain;
    z-index: 1;
}
div.checklist > i.tablet {
    width: 21.86vw;
    height: 28.63vw;
    position: absolute;
    top: -9vw;
    left: -31vw;
    display: block;
    background: center url(../img/molecule-secret/checklist-tablet.svg) no-repeat;
    background-size: contain;
    z-index: 2;
}
div.checklist > i.check {
    width: 2.51vw;
    height: 2.63vw;
    position: absolute;
    top: 2vw;
    left: -19.8vw;
    display: block;
    background: center url(../img/molecule-secret/checklist-check.svg) no-repeat;
    background-size: contain;
    z-index: 3;
}

div.ig1 {
    display: flex;
    flex-direction: row;
    width: 80vw;
    margin-left: -17vw;
}
div.ig1 > div {
    flex: 1 1 50%;
    padding: 8vw 6vw 4vw 12vw;
    position: relative;
}
div.ig1 > div:before {
    content: "";
    display: block;
    position: absolute;
    width: 25vw;
    height: 25vw;
    background: center url(../img/molecule-secret/ig1-bubble.png) no-repeat;
    background-size: contain;
    top: -4.5vw;
    left: -2.5vw;
    z-index: 1;
	transform: translatey(1vw);
	animation: float2 12s ease-in-out infinite;
}
div.ig1 > div > strong {
    display: block;
    font-family: title, serif;
    font-size: 3.25vw;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
div.ig1 > div > span {
    display: block;
}

div.green-orange {
    position: relative;
    margin-right: -27vw;
    height: 0;
}
div.green-orange > i.orange {
    display: block;
    position: absolute;
    width: 18.49vw;
    height: 29.74vw;
    z-index: 2;
    top: -14vw;
    right: -1vw;
    background: center url(../img/molecule-secret/green-orange.svg) no-repeat;
    background-size: contain;
}
div.green-orange > i.bubble {
    display: block;
    position: absolute;
    width: 11.94vw;
    height: 12.71vw;
    z-index: 1;
    top: -16vw;
    right: 0vw;
    background: center url(../img/molecule-secret/green-orange-bubble.png) no-repeat;
    background-size: contain;
}

div.bubbles {
    width: 100vw;
    margin-left: -27vw;
    height: 35vw;
    position: relative;
    z-index: 0;
    margin-top: -11vw;
    margin-bottom: -11vw;
    background: center url(../img/molecule-secret/bubbles-bk.png) no-repeat;
    background-size: contain;
}
div.bubbles > i.bubbles {
    width: 63.63vw;
    height: 25.4vw;
    left: 12vw;
    top: 4vw;
    position: absolute;
    z-index: 1;
    background: center url(../img/molecule-secret/bubbles-bubbles.png) no-repeat;
    background-size: contain;
}
div.bubbles > i.balls-green {
    width: 61.7vw;
    height: 23.6vw;
    left: 23vw;
    top: 2vw;
    position: absolute;
    z-index: 2;
    background: center url(../img/molecule-secret/bubbles-balls-green.svg) no-repeat;
    background-size: contain;
}
div.bubbles > i.balls-blue {
    width: 61.7vw;
    height: 23.6vw;
    left: 23.5vw;
    top: 6vw;
    position: absolute;
    z-index: 2;
    background: center url(../img/molecule-secret/bubbles-balls-blue.png) no-repeat;
    background-size: contain;
}

div.open-pill {
    width: 100vw;
    height: 0;
    position: relative;
    margin-left: -31vw;
}
div.open-pill > i.pill {
    width: 22.09vw;
    height: 31.26vw;
    position: absolute;
    top: -18vw;
    left: 1vw;
    display: block;
    background: center url(../img/molecule-secret/pills-pills.svg) no-repeat;
    background-size: contain;
    z-index: 0;
}
div.open-pill > i.bubbles {
    width: 12.43vw;
    height: 9.66vw;
    position: absolute;
    top: -8vw;
    left: 7vw;
    display: block;
    background: center url(../img/molecule-secret/pills-bubbles.png) no-repeat;
    background-size: contain;
    z-index: 1;
}
div.open-pill > i.balls {
    width: 9.43vw;
    height: 9.83vw;
    position: absolute;
    top: -6vw;
    left: 7vw;
    display: block;
    background: center url(../img/molecule-secret/pills-balls.png) no-repeat;
    background-size: contain;
    z-index: 2;
}

div.pill-box {
    position: relative;
    margin-right: -27vw;
    height: 0;
}
div.pill-box > i.bubble {
    display: block;
    position: absolute;
    width: 13.8vw;
    height: 22vw;
    z-index: 0;
    top: -11vw;
    right: 0vw;
    background: center url(../img/molecule-secret/pillbox-bubble.png) no-repeat;
    background-size: contain;
}
div.pill-box > i.bottom {
    display: block;
    position: absolute;
    width: 12.09vw;
    height: 8.51vw;
    z-index: 1;
    top: 4vw;
    right: 2vw;
    background: center url(../img/molecule-secret/pillbox-bottom.svg) no-repeat;
    background-size: contain;
}
div.pill-box > i.pills {
    display: block;
    position: absolute;
    width: 14.34vw;
    height: 11.71vw;
    z-index: 2;
    top: -1vw;
    right: -3.3vw;
    background: center url(../img/molecule-secret/pillbox-pills.svg) no-repeat;
    background-size: contain;
}
div.pill-box > i.top {
    display: block;
    position: absolute;
    width: 14.5vw;
    height: 16.06vw;
    z-index: 3;
    top: -2vw;
    right: 0vw;
    background: center url(../img/molecule-secret/pillbox-top.svg) no-repeat;
    background-size: contain;
}

div.robot {
    margin-top: 2vw;
    width: 100vw;
    height: 32vw;
    margin-left: -27vw;
    background: top url(../img/molecule-secret/robot-line.png) no-repeat;
    background-size: 115vw;
    position: relative;
}
div.robot > i {
    width: 42.74vw;
    height: 28.89vw;
    background: center url(../img/molecule-secret/robot.svg) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    left: 10vw;
    top: 0.7vw;
}

@media only screen and (max-width: 480px) {
    section.head {
        padding-top: 50vw;
    }
    div.microscope {
        height: 45vw;
        width: 100vw;
        margin-top: 7vw;
    }
    div.microscope > i.bubbles {
        height: 38vw;
        top: 2.2vw;
        left: 1.7vw;
    }
    div.microscope > i.items {
        height: 38.3vw;
        top: 4vw;
        left: 10vw;
    }
    
    div.checklist {
        width: unset;
        height: 60vw;
    }
    div.checklist > i.mini-bubble {
        width: 15.14vw;
        height: 16.12vw;
        top: -9vw;
        left: -10vw;
    }
    div.checklist > i.bubbles {
        width: 60.34vw;
        height: 74.28vw;
        top: -18vw;
        left: -15vw;
    }
    div.checklist > i.tablet {
        width: 43.72vw;
        height: 57.26vw;
        top: 6vw;
        left: -15vw;
    }
    div.checklist > i.check {
        width: 5vw;
        height: 5.2vw;
        top: 27vw;
        left: 7.4vw;
    }
    
    div.ig1 {
        width: unset;
        margin-left: unset;
        display: block;
    }
    div.ig1 > div {
        padding: 15vw 5vw 5vw 5vw;
    }
    div.ig1 > div:before {
        width: 50vw;
        height: 50vw;
        top: -10vw;
        left: -23vw;
    }
    div.ig1 > div > strong {
        font-size: 7vw;
    }
    div.ig1 > div > span {
        font-size: 3.3vw;
    }
    
    div.green-orange {
        margin-right: unset;
        height: 60vw;
    }
    div.green-orange > i.orange {
        width: 74vw;
        height: 120vw;
        top: -50vw;
        right: -15vw;
    }
    div.green-orange > i.bubble {
        width: 48vw;
        height: 50.8vw;
        top: -54vw;
        right: -15vw;
    }
    
    div.bubbles {
        width: unset;
        margin-left: unset;
        height: 70vw;
        margin-top: -20vw;
        margin-bottom: -20vw;
    }
    div.bubbles > i.bubbles {
        width: 63.63vw;
        height: 25.4vw;
        left: 0vw;
        top: 17vw;
    }
    div.bubbles > i.balls-green {
        width: 61.7vw;
        height: 23.6vw;
        left: 10vw;
        top: 17vw;
    }
    div.bubbles > i.balls-blue {
        width: 61.7vw;
        height: 23.6vw;
        left: 10vw;
        top: 18vw;
    }
        
    div.open-pill {
        margin-left: unset;
        height: 100vw;
    }
    div.open-pill > i.pill {
        width: 88vw;
        height: 124vw;
        top: -3vw;
        left: -20vw;
    }
    div.open-pill > i.bubbles {
        width: 50vw;
        height: 38vw;
        top: 38vw;
        left: 6vw;
    }
    div.open-pill > i.balls {
        width: 38vw;
        height: 40vw;
        top: 48vw;
        left: 9vw;
    }
    
    div.pill-box {
        margin-right: unset;
        height: 50vw;
    }
    div.pill-box > i.bubble {
        width: 55.2vw;
        height: 88vw;
        top: -50vw;
        right: -5vw;
    }
    div.pill-box > i.bottom {
        width: 48vw;
        height: 34vw;
        top: 9vw;
        right: 3.5vw;
    }
    div.pill-box > i.pills {
        width: 57.2vw;
        height: 46.8vw;
        top: -1vw;
        right: -3.3vw;
    }
    div.pill-box > i.top {
        width: 58vw;
        height: 64vw;
        top: -15vw;
        right: -5vw;
    }
    
    div.robot {
        margin-top: 2vw;
        width: 102vw;
        height: 55vw;
        margin-left: -5vw;
        background-size: 180vw;
    }
    div.robot > i {
        width: 85vw;
        height: 57vw;
        left: 12vw;
        top: 0;
    }
}

.floating {
	transform: translatey(2vw);
	animation: float 12s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translatey(2vw);
	}
	50% {
		transform: translatey(-2vw);
	}
	100% {
		transform: translatey(2vw);
	}
}

.floating2 {
	transform: translatey(1vw);
	animation: float2 12s ease-in-out infinite;
}

@keyframes float2 {
	0% {
		transform: translatey(1vw);
	}
	50% {
		transform: translatey(-1vw);
	}
	100% {
		transform: translatey(1vw);
	}
}
span.tooltip {
    color: #3366cc;
    cursor: pointer;
}