.screen .header{font:700 28px "Lato",sans-serif;text-transform:uppercase}
.screen .header .bolder{font-weight:400;font-size:50px;line-height:59px}
.screen .header .lighter{font-weight:400;font-size:50px;line-height:59px}
.screen .subheader{font:700 22px "Lato",sans-serif;text-transform:uppercase}
.screen .boldnote{font:700 18px/26px "Lato",sans-serif;text-transform:uppercase}
.screen .handwritten{font:32px "pf_reminder_promedium",sans-serif}
.screen .small-text{font-size:16px;line-height:22px}
.screen .arrow{width:88px;height:69px;background:url(../case/arrow.png) 0 0 no-repeat}
.screen .round{width:100%;height:100px}
.screen .round svg{float:left;margin-right:16px}
.screen .round .inside{position:absolute;top:0;width:100px;height:100px;text-align:center}
.screen .round .inside .num{padding-top:23px;font:44px/50px "Lato",sans-serif;letter-spacing:1px}
.screen .round .outside{position:relative;padding-top:23px;overflow:hidden}
.pink{color:#de2977}
.blue{color:#01a7e1}

#screen-1{height:642px;background-image:url(../case/screen-1-bg.jpg);background-position:50% 50%;background-size:cover;color:white}
#screen-2{height:582px;background:white;color:#1c1c1c}
#screen-3{height:1073px;background:url(../case/screen-3-bg.jpg) 0 0 repeat-x;color:white}
#screen-4{height:1080px;background:white url(../case/screen-4-bg.jpg) 50% 0 no-repeat;color:#1c1c1c}
#screen-5{height:693px;background-image:url(../case/screen-5-bg.jpg);background-position:50% 50%;background-size:cover;color:white}
#screen-6{height:768px;background:white url(../case/screen-4-bg.jpg) 50% 0 no-repeat;color:#1c1c1c}
#screen-7{height:832px;background-image:url(../case/screen-7-bg.jpg);background-position:50% 50%;background-size:cover;color:white}

/* Screen 1 */
#screen-1 .s1z1{position:absolute;top:181px;left:400px}
#screen-1 .s1z2{position:absolute;top:307px;left:570px;width:60px;height:2px;background:white}
#screen-1 .s1z3{position:absolute;top:344px;left:400px;max-width:400px;font-size:22px;line-height:32px;text-align:center}
/* .Screen 1 */

/* Screen 2 */
#screen-2 .s2z1{position:absolute;bottom:0;right:52px}
#screen-2 .s2z2{position:absolute;top:100px;left:57px;max-width:540px}
#screen-2 .s2z3{position:absolute;top:232px;left:57px;max-width:540px}
#screen-2 .s2z4{position:absolute;top:383px;left:57px;max-width:330px;padding:20px 0 20px 130px;background:url(../case/screen-2-z4-hearts.png) 0 0 no-repeat}
/* .Screen 2 */

/* Screen 3 */
#screen-3 .s3z1{position:absolute;top:68px;left:-77px}
#screen-3 .s3z2{position:absolute;top:160px;right:160px}
#screen-3 .s3z3{position:absolute;bottom:24px;right:-30px}
#screen-3 .s3z4{position:absolute;bottom:0;left:41px}
#screen-3 .s3z5{position:absolute;top:90px;left:430px;width:340px;text-align:center}
#screen-3 .s3z5 .bolder,
#screen-3 .s3z5 .lighter{font-size:42px;line-height:50px}
#screen-3 .s3z6{position:absolute;top:265px;right:667px;max-width:160px;text-align:right}
#screen-3 .s3z7{position:absolute;top:252px;right:570px}
#screen-3 .s3z8{position:absolute;top:339px;right:339px}
#screen-3 .s3z9{position:absolute;top:500px;left:940px;max-width:125px}
#screen-3 .s3z10{position:absolute;top:471px;right:277px}
#screen-3 .s3z11{position:absolute;top:572px;right:339px}
#screen-3 .s3z12{position:absolute;top:672px;left:533px;max-width:125px;text-align:center}
#screen-3 .s3z13{position:absolute;top:559px;left:553px}
#screen-3 .s3z14{position:absolute;top:611px;left:329px}
#screen-3 .s3z15{position:absolute;top:686px;right:965px;max-width:125px;text-align:right}
#screen-3 .s3z16{position:absolute;top:659px;left:255px}
#screen-3 .s3z17{position:absolute;top:758px;left:329px}
#screen-3 .s3z18{position:absolute;top:901px;left:661px;max-width:125px}
#screen-3 .s3z19{position:absolute;top:886px;left:555px}
/* .Screen 3 */

/* Screen 4 */
#screen-4 .s4z1{position:absolute;top:100px;left:370px;width:460px;text-align:center}
#screen-4 .s4z2{position:absolute;top:150px;left:320px;width:560px;text-align:center}
#screen-4 .s4z3{position:absolute;top:250px;left:126px;width:888px;height:498px;padding:31px 32px 192px 31px;background:url(../case/screen-4-z3-monitor.png) 0 0 no-repeat}
#screen-4 .s4z3 .scroll-area{position:relative;width:888px;height:498px;overflow:visible}
#screen-4 .s4z3 .mCustomScroll{width:888px;height:498px;overflow:hidden}
#screen-4 .s4z3 .mCustomScroll img{display:block}
#screen-4 .s4z3 .mCustomScrollBox{border-radius:7px;overflow:hidden}
/* .Screen 4 */

/* Screen 5 */
#screen-5 .s5z1{position:absolute;top:255px;right:372px;-webkit-box-shadow:0 0 57px 0 rgba(1,1,1,0.4);box-shadow:0 0 57px 0 rgba(1,1,1,0.4)}
#screen-5 .s5z2{position:absolute;top:110px;right:57px;-webkit-box-shadow:0 0 57px 0 rgba(1,1,1,0.4);box-shadow:0 0 57px 0 rgba(1,1,1,0.4)}
#screen-5 .s5z3{position:absolute;top:100px;left:57px}
#screen-5 .s5z4{position:absolute;top:238px;left:57px;max-width:318px}
#screen-5 .s5z5{position:absolute;top:394px;left:116px;max-width:260px}
#screen-5 .s5z5::before{content:"";position:absolute;top:0;left:-59px;display:block;width:35px;height:35px;border:3px solid #3fd4ff;border-radius:50%;background:url(../case/ok-small.png) 50% 50% no-repeat}
#screen-5 .s5z6{position:absolute;top:442px;left:116px;max-width:260px}
#screen-5 .s5z7{position:absolute;top:510px;left:288px}
/* .Screen 5 */

/* Screen 6 */
#screen-6 .s6z1{position:absolute;top:110px;left:0}
#screen-6 .s6z2{position:absolute;top:134px;left:880px;max-width:265px}
#screen-6 .s6z3{position:absolute;top:184px;left:880px;max-width:265px}
#screen-6 .s6z4{position:absolute;top:310px;right:193px}
#screen-6 .s6z5{position:absolute;top:342px;right:80px}
/* .Screen 6 */

/* Screen 7 */
#screen-7 .s7z1{position:absolute;bottom:0;right:50px}
#screen-7 .s7z2{position:absolute;top:180px;left:57px;max-width:410px}
#screen-7 .s7z3{position:absolute;top:319px;left:57px;max-width:410px}
#screen-7 .s7z4{position:absolute;top:474px;left:57px}
#screen-7 .s7z5{position:absolute;top:474px;left:339px}
#screen-7 .s7z4 .subheader,
#screen-7 .s7z5 .subheader{font-size:18px}
/* .Screen 7 */