.device-wrapper {
  max-width:300px;
  width:100%
 }
 .device {
  position:relative;
  background-size:cover
 }
 .device::after {
  position:absolute;
  background-size:cover;
  width:100%;
  height:100%;
  left: 0px;
  pointer-events:none;
 }
 .device .screen {
  position:absolute;
  background: black;
  background-size:cover;
  pointer-events:auto;
  z-index: 9;
  overflow: hidden;
 }
 .device .button {
  position:absolute;
  cursor:pointer
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=black] {
  padding-bottom:194.717887155%
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .screen {
  top:9.6794081381%;
  left:6.6026410564%;
  width:86.3145258103%;
  height:78.914919852%
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS3/portrait_black.png);
  z-index:1
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .button {
  top:93.1565967941%;
  left:38.6554621849%;
  width:22.569027611%;
  height:3.2675709001%
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=white] {
  padding-bottom:194.717887155%
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .screen {
  top:9.6794081381%;
  left:6.6026410564%;
  width:86.3145258103%;
  height:78.914919852%
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS3/portrait_white.png);
  z-index:1
 }
 .device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .button {
  top:93.1565967941%;
  left:38.6554621849%;
  width:22.569027611%;
  height:3.2675709001%
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=black] {
  padding-bottom:51.4180024661%
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .screen {
  top:7.0743405276%;
  left:9.3711467324%;
  width:78.914919852%;
  height:86.3309352518%
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS3/landscape_black.png);
  z-index:1
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .button {
  top:38.8489208633%;
  left:93.3415536375%;
  width:3.3908754624%;
  height:22.5419664269%
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=white] {
  padding-bottom:51.4180024661%
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .screen {
  top:7.0743405276%;
  left:9.3711467324%;
  width:78.914919852%;
  height:86.3309352518%
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS3/landscape_white.png);
  z-index:1
 }
 .device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .button {
  top:38.8489208633%;
  left:93.3415536375%;
  width:3.3908754624%;
  height:22.5419664269%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=black] {
  padding-bottom:193.983739837%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .screen {
  top:9.8072087175%;
  left:6.0975609756%;
  width:87.8048780488%;
  height:80.4694048617%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS5/portrait_black.png);
  z-index:1
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .button {
  top:92.6236378877%;
  left:38.9430894309%;
  width:22.5203252033%;
  height:3.7300922045%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=white] {
  padding-bottom:193.983739837%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .screen {
  top:9.8072087175%;
  left:6.0975609756%;
  width:87.8048780488%;
  height:80.4694048617%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS5/portrait_white.png);
  z-index:1
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .button {
  top:92.6236378877%;
  left:38.9430894309%;
  width:22.5203252033%;
  height:3.7300922045%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] {
  padding-bottom:193.983739837%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .screen {
  top:9.8072087175%;
  left:6.0975609756%;
  width:87.8048780488%;
  height:80.4694048617%
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS5/portrait_gold.png);
  z-index:1
 }
 .device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .button {
  top:92.6236378877%;
  left:38.9430894309%;
  width:22.5203252033%;
  height:3.7300922045%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=black] {
  padding-bottom:51.5507124895%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .screen {
  top:6.0975609756%;
  left:9.8072087175%;
  width:80.4694048617%;
  height:87.8048780488%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS5/landscape_black.png);
  z-index:1
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .button {
  top:38.5365853659%;
  left:92.6236378877%;
  width:3.7300922045%;
  height:22.5203252033%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=white] {
  padding-bottom:51.5507124895%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .screen {
  top:6.0975609756%;
  left:9.8072087175%;
  width:80.4694048617%;
  height:87.8048780488%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS5/landscape_white.png);
  z-index:1
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .button {
  top:38.5365853659%;
  left:92.6236378877%;
  width:3.7300922045%;
  height:22.5203252033%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] {
  padding-bottom:51.5507124895%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .screen {
  top:6.0975609756%;
  left:9.8072087175%;
  width:80.4694048617%;
  height:87.8048780488%
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyS5/landscape_gold.png);
  z-index:1
 }
 .device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .button {
  top:38.5365853659%;
  left:92.6236378877%;
  width:3.7300922045%;
  height:22.5203252033%
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=black] {
  padding-bottom:168.336162988%
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=black] .screen {
  top:8.5728693898%;
  left:5.6876061121%;
  width:87.9456706282%;
  height:83.0055471508%
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyTab4/portrait_black.png);
  z-index:1
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=white] {
  padding-bottom:168.336162988%
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=white] .screen {
  top:8.5224407463%;
  left:5.6876061121%;
  width:87.9456706282%;
  height:83.0559757943%
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/galaxyTab4/portrait_white.png);
  z-index:1
 }
 .device[data-device=galaxyTab4][data-orientation=portrait][data-color=white] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=iMac][data-orientation=portrait][data-color=black] {
  padding-bottom:80.4666304938%
 }
 .device[data-device=iMac][data-orientation=portrait][data-color=black] .screen {
  top:5.0573162508%;
  left:4.0694519805%;
  width:91.8610960391%;
  height:64.194200944%
 }
 .device[data-device=iMac][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iMac/portrait_black.png);
  z-index:1
 }
 .device[data-device=iMac][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=black] {
  padding-bottom:129.569892473%
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=black] .screen {
  top:9.1286307054%;
  left:10.3046594982%;
  width:79.2114695341%;
  height:81.3969571231%
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPad/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=black] .button {
  top:93.153526971%;
  left:47.1326164875%;
  width:6.0035842294%;
  height:4.4951590595%
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=white] {
  padding-bottom:129.569892473%
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=white] .screen {
  top:9.1286307054%;
  left:10.4838709677%;
  width:79.3010752688%;
  height:81.3969571231%
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPad/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPad][data-orientation=portrait][data-color=white] .button {
  top:93.153526971%;
  left:47.1326164875%;
  width:6.0035842294%;
  height:4.4951590595%
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=black] {
  padding-bottom:77.0401106501%
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=black] .screen {
  top:10.2333931777%;
  left:9.2669432918%;
  width:81.3278008299%;
  height:79.4434470377%
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPad/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=black] .button {
  top:46.7684021544%;
  left:93.2226832642%;
  width:4.4260027663%;
  height:6.0143626571%
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=white] {
  padding-bottom:77.0401106501%
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=white] .screen {
  top:10.2333931777%;
  left:9.2669432918%;
  width:81.3278008299%;
  height:79.4434470377%
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPad/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPad][data-orientation=landscape][data-color=white] .button {
  top:46.7684021544%;
  left:93.2226832642%;
  width:4.4260027663%;
  height:6.0143626571%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=black] {
  padding-bottom:141.392978482%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .screen {
  top:9.0909090909%;
  left:6.4552661382%;
  width:86.9762174405%;
  height:82.0184221065%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadAir2/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .button {
  top:93.5522627153%;
  left:46.8289920725%;
  width:6.2853907135%;
  height:4.4453344013%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=white] {
  padding-bottom:141.392978482%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .screen {
  top:9.0909090909%;
  left:6.4552661382%;
  width:86.9762174405%;
  height:82.0184221065%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadAir2/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .button {
  top:93.5522627153%;
  left:46.8289920725%;
  width:6.2853907135%;
  height:4.4453344013%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] {
  padding-bottom:141.392978482%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .screen {
  top:9.0909090909%;
  left:6.4552661382%;
  width:86.9762174405%;
  height:82.0184221065%
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadAir2/portrait_gold.png);
  z-index:1
 }
 .device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .button {
  top:93.5522627153%;
  left:46.8289920725%;
  width:6.2853907135%;
  height:4.4453344013%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=black] {
  padding-bottom:70.7248698438%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .screen {
  top:6.5685164213%;
  left:9.0909090909%;
  width:82.0184221065%;
  height:86.9762174405%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadAir2/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .button {
  top:46.885617214%;
  left:93.5522627153%;
  width:4.4453344013%;
  height:6.2853907135%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=white] {
  padding-bottom:70.7248698438%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .screen {
  top:6.5685164213%;
  left:9.0909090909%;
  width:82.0184221065%;
  height:86.9762174405%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadAir2/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .button {
  top:46.885617214%;
  left:93.5522627153%;
  width:4.4453344013%;
  height:6.2853907135%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] {
  padding-bottom:70.7248698438%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .screen {
  top:6.5685164213%;
  left:9.0909090909%;
  width:82.0184221065%;
  height:86.9762174405%
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadAir2/landscape_gold.png);
  z-index:1
 }
 .device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .button {
  top:46.885617214%;
  left:93.5522627153%;
  width:4.4453344013%;
  height:6.2853907135%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=black] {
  padding-bottom:138.622493461%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=black] .screen {
  top:7.0440251572%;
  left:5.3618134263%;
  width:89.2327811683%;
  height:85.9119496855%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadPro/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=black] .button {
  top:94.9371069182%;
  left:47.6024411508%;
  width:4.8387096774%;
  height:3.5220125786%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=white] {
  padding-bottom:138.622493461%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=white] .screen {
  top:7.0440251572%;
  left:5.3618134263%;
  width:89.2327811683%;
  height:85.9119496855%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadPro/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=white] .button {
  top:94.9371069182%;
  left:47.6024411508%;
  width:4.8387096774%;
  height:3.5220125786%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=gold] {
  padding-bottom:138.622493461%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .screen {
  top:7.0754716981%;
  left:5.3618134263%;
  width:89.2327811683%;
  height:85.8805031447%
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadPro/portrait_gold.png);
  z-index:1
 }
 .device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .button {
  top:94.9371069182%;
  left:47.6024411508%;
  width:4.8387096774%;
  height:3.5220125786%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=black] {
  padding-bottom:72.1383647799%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=black] .screen {
  top:5.4054054054%;
  left:7.0440251572%;
  width:85.9119496855%;
  height:89.2327811683%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadPro/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=black] .button {
  top:47.5588491718%;
  left:94.9371069182%;
  width:3.5220125786%;
  height:4.8387096774%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=white] {
  padding-bottom:72.1383647799%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=white] .screen {
  top:5.4054054054%;
  left:7.0440251572%;
  width:85.9119496855%;
  height:89.2327811683%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadPro/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=white] .button {
  top:47.5588491718%;
  left:94.9371069182%;
  width:3.5220125786%;
  height:4.8387096774%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=gold] {
  padding-bottom:72.1471235461%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .screen {
  top:5.4030501089%;
  left:7.0732474065%;
  width:85.8849418422%;
  height:89.2374727669%
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPadPro/landscape_gold.png);
  z-index:1
 }
 .device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .button {
  top:47.5381263617%;
  left:94.9072618673%;
  width:3.5523420308%;
  height:4.8801742919%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=black] {
  padding-bottom:207.620164127%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=black] .screen {
  top:12.2529644269%;
  left:6.0961313013%;
  width:88.0422039859%;
  height:75.3246753247%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=black] .button {
  top:89.3280632411%;
  left:41.8522860492%;
  width:16.6471277843%;
  height:8.0180688876%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=white] {
  padding-bottom:207.620164127%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=white] .screen {
  top:12.2529644269%;
  left:6.0961313013%;
  width:88.0422039859%;
  height:75.3246753247%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=white] .button {
  top:89.3280632411%;
  left:41.8522860492%;
  width:16.6471277843%;
  height:8.0180688876%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=gold] {
  padding-bottom:207.620164127%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .screen {
  top:12.2529644269%;
  left:6.0961313013%;
  width:88.0422039859%;
  height:75.3246753247%
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6/portrait_gold.png);
  z-index:1
 }
 .device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .button {
  top:89.3280632411%;
  left:41.8522860492%;
  width:16.6471277843%;
  height:8.0180688876%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=black] {
  padding-bottom:48.1648785997%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=black] .screen {
  top:5.8616647128%;
  left:12.3094297007%;
  width:75.2682100508%;
  height:87.9249706917%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=black] .button {
  top:41.5005861665%;
  left:89.3280632411%;
  width:8.0180688876%;
  height:16.6471277843%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=white] {
  padding-bottom:48.1648785997%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=white] .screen {
  top:5.8616647128%;
  left:12.3094297007%;
  width:75.2682100508%;
  height:87.9249706917%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=white] .button {
  top:41.5005861665%;
  left:89.3280632411%;
  width:8.0180688876%;
  height:16.6471277843%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=gold] {
  padding-bottom:48.1648785997%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .screen {
  top:5.8616647128%;
  left:12.3094297007%;
  width:75.2682100508%;
  height:87.9249706917%
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6/landscape_gold.png);
  z-index:1
 }
 .device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .button {
  top:41.5005861665%;
  left:89.3280632411%;
  width:8.0180688876%;
  height:16.6471277843%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] {
  padding-bottom:201.451612903%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .screen {
  top:11.4891913531%;
  left:6.5322580645%;
  width:87.0967741935%;
  height:76.8614891914%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Plus/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .button {
  top:90.4323458767%;
  left:43.3064516129%;
  width:13.3870967742%;
  height:6.645316253%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] {
  padding-bottom:201.451612903%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .screen {
  top:11.4891913531%;
  left:6.5322580645%;
  width:87.0967741935%;
  height:76.8614891914%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Plus/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .button {
  top:90.4323458767%;
  left:43.3064516129%;
  width:13.3870967742%;
  height:6.645316253%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] {
  padding-bottom:201.451612903%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .screen {
  top:11.4891913531%;
  left:6.5322580645%;
  width:87.0967741935%;
  height:76.8614891914%
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Plus/portrait_gold.png);
  z-index:1
 }
 .device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .button {
  top:90.4323458767%;
  left:43.3064516129%;
  width:13.3870967742%;
  height:6.645316253%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] {
  padding-bottom:49.6397117694%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .screen {
  top:6.3709677419%;
  left:11.4891913531%;
  width:76.8614891914%;
  height:87.0967741935%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Plus/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .button {
  top:43.3064516129%;
  left:90.4323458767%;
  width:6.645316253%;
  height:13.3870967742%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] {
  padding-bottom:49.6397117694%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .screen {
  top:6.3709677419%;
  left:11.4891913531%;
  width:76.8614891914%;
  height:87.0967741935%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Plus/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .button {
  top:43.3064516129%;
  left:90.4323458767%;
  width:6.645316253%;
  height:13.3870967742%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] {
  padding-bottom:49.6397117694%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .screen {
  top:6.3709677419%;
  left:11.4891913531%;
  width:76.8614891914%;
  height:87.0967741935%
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Plus/landscape_gold.png);
  z-index:1
 }
 .device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .button {
  top:43.3064516129%;
  left:90.4323458767%;
  width:6.645316253%;
  height:13.3870967742%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] {
  padding-bottom:209.829619921%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .screen {
  top:14.80324797%;
  left:8.5190039318%;
  width:83.879423329%;
  height:70.9556527171%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .button {
  top:88.5071830106%;
  left:41.6775884666%;
  width:17.6933158585%;
  height:8.4322298563%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] {
  padding-bottom:209.829619921%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .screen {
  top:14.80324797%;
  left:8.5190039318%;
  width:83.879423329%;
  height:70.9556527171%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .button {
  top:88.5071830106%;
  left:41.6775884666%;
  width:17.6933158585%;
  height:8.4322298563%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] {
  padding-bottom:209.829619921%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .screen {
  top:14.80324797%;
  left:8.5190039318%;
  width:83.879423329%;
  height:70.9556527171%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/portrait_gold.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .button {
  top:88.5071830106%;
  left:41.6775884666%;
  width:17.6933158585%;
  height:8.4322298563%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] {
  padding-bottom:209.829619921%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .screen {
  top:14.80324797%;
  left:8.5190039318%;
  width:83.879423329%;
  height:70.9556527171%
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/portrait_pink.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .button {
  top:88.5071830106%;
  left:41.6775884666%;
  width:17.6933158585%;
  height:8.4322298563%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] {
  padding-bottom:47.6577139288%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .screen {
  top:7.6015727392%;
  left:14.80324797%;
  width:70.9556527171%;
  height:83.879423329%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .button {
  top:40.629095675%;
  left:88.5071830106%;
  width:8.4322298563%;
  height:17.6933158585%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] {
  padding-bottom:47.6577139288%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .screen {
  top:7.6015727392%;
  left:14.80324797%;
  width:70.9556527171%;
  height:83.879423329%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .button {
  top:40.629095675%;
  left:88.5071830106%;
  width:8.4322298563%;
  height:17.6933158585%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] {
  padding-bottom:47.6577139288%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .screen {
  top:7.6015727392%;
  left:14.80324797%;
  width:70.9556527171%;
  height:83.879423329%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/landscape_gold.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .button {
  top:40.629095675%;
  left:88.5071830106%;
  width:8.4322298563%;
  height:17.6933158585%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] {
  padding-bottom:47.6577139288%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .screen {
  top:7.6015727392%;
  left:14.80324797%;
  width:70.9556527171%;
  height:83.879423329%
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneSE/landscape_pink.png);
  z-index:1
 }
 .device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .button {
  top:40.629095675%;
  left:88.5071830106%;
  width:8.4322298563%;
  height:17.6933158585%
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=black] {
  padding-bottom:209.461235217%
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=black] .screen {
  top:14.8055207026%;
  left:8.2785808147%;
  width:84.2312746386%;
  height:71.2672521957%
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone5/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=black] .button {
  top:88.5194479297%;
  left:41.5243101183%;
  width:18.0026281209%;
  height:8.5947302384%
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=white] {
  padding-bottom:209.461235217%
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=white] .screen {
  top:14.8055207026%;
  left:8.2785808147%;
  width:84.2312746386%;
  height:71.2672521957%
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone5/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPhone5][data-orientation=portrait][data-color=white] .button {
  top:88.5194479297%;
  left:41.5243101183%;
  width:18.0026281209%;
  height:8.5947302384%
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=black] {
  padding-bottom:47.7415307403%
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=black] .screen {
  top:7.4901445466%;
  left:14.8055207026%;
  width:71.2672521957%;
  height:84.2312746386%
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone5/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=black] .button {
  top:40.4730617608%;
  left:88.5194479297%;
  width:8.5947302384%;
  height:18.0026281209%
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=white] {
  padding-bottom:47.7415307403%
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=white] .screen {
  top:7.4901445466%;
  left:14.8055207026%;
  width:71.2672521957%;
  height:84.2312746386%
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone5/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPhone5][data-orientation=landscape][data-color=white] .button {
  top:40.4730617608%;
  left:88.5194479297%;
  width:8.5947302384%;
  height:18.0026281209%
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=black] {
  padding-bottom:192.312879299%
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=black] .screen {
  top:7.1178120617%;
  left:5.5293324343%;
  width:87.862440998%;
  height:81.1360448808%
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/Lumia930/portrait_black.png);
  z-index:1
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=white] {
  padding-bottom:192.312879299%
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=white] .screen {
  top:7.1178120617%;
  left:5.5293324343%;
  width:87.862440998%;
  height:81.1360448808%
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/Lumia930/portrait_white.png);
  z-index:1
 }
 .device[data-device=Lumia930][data-orientation=portrait][data-color=white] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=black] {
  padding-bottom:51.9985974755%
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=black] .screen {
  top:6.6082265678%;
  left:7.1178120617%;
  width:81.1360448808%;
  height:87.862440998%
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/Lumia930/landscape_black.png);
  z-index:1
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=white] {
  padding-bottom:51.9985974755%
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=white] .screen {
  top:6.6082265678%;
  left:7.1178120617%;
  width:81.1360448808%;
  height:87.862440998%
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/Lumia930/landscape_white.png);
  z-index:1
 }
 .device[data-device=Lumia930][data-orientation=landscape][data-color=white] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=black] {
  padding-bottom:57.51565762%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=black] .screen {
  top:7.2595281307%;
  left:12.369519833%;
  width:75.260960334%;
  height:81.8511796733%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/Macbook/portrait_black.png);
  z-index:1
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=white] {
  padding-bottom:57.51565762%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=white] .screen {
  top:7.2595281307%;
  left:12.369519833%;
  width:75.260960334%;
  height:81.8511796733%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/Macbook/portrait_white.png);
  z-index:1
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=white] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=gold] {
  padding-bottom:57.51565762%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=gold] .screen {
  top:7.2595281307%;
  left:12.369519833%;
  width:75.260960334%;
  height:81.8511796733%
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/Macbook/portrait_gold.png);
  z-index:1
 }
 .device[data-device=Macbook][data-orientation=portrait][data-color=gold] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=black] {
  padding-bottom:57.51565762%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=black] .screen {
  top:7.3502722323%;
  left:12.4217118998%;
  width:75.1565762004%;
  height:81.7604355717%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/Macbook2015/portrait_black.png);
  z-index:1
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=white] {
  padding-bottom:57.51565762%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=white] .screen {
  top:7.3502722323%;
  left:12.4217118998%;
  width:75.1565762004%;
  height:81.7604355717%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/Macbook2015/portrait_white.png);
  z-index:1
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=white] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=gold] {
  padding-bottom:57.51565762%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=gold] .screen {
  top:7.3502722323%;
  left:12.4217118998%;
  width:75.1565762004%;
  height:81.7604355717%
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/Macbook2015/portrait_gold.png);
  z-index:1
 }
 .device[data-device=Macbook2015][data-orientation=portrait][data-color=gold] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=MacbookPro][data-orientation=portrait][data-color=black] {
  padding-bottom:57.9470198675%
 }
 .device[data-device=MacbookPro][data-orientation=portrait][data-color=black] .screen {
  top:6.7142857143%;
  left:11.8377483444%;
  width:76.4072847682%;
  height:82.4285714286%
 }
 .device[data-device=MacbookPro][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/MacbookPro/portrait_black.png);
  z-index:1
 }
 .device[data-device=MacbookPro][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=SamsungTV][data-orientation=portrait][data-color=black] {
  padding-bottom:64.678030303%
 }
 .device[data-device=SamsungTV][data-orientation=portrait][data-color=black] .screen {
  top:2.196193265%;
  left:1.3257575758%;
  width:97.2537878788%;
  height:85.2122986823%
 }
 .device[data-device=SamsungTV][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/SamsungTV/portrait_black.png);
  z-index:1
 }
 .device[data-device=SamsungTV][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Surface][data-orientation=portrait][data-color=black] {
  padding-bottom:62.3812539582%
 }
 .device[data-device=Surface][data-orientation=portrait][data-color=black] .screen {
  top:11.0659898477%;
  left:6.7764407853%;
  width:86.3837872071%;
  height:77.7664974619%
 }
 .device[data-device=Surface][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/Surface/portrait_black.png);
  z-index:1
 }
 .device[data-device=Surface][data-orientation=portrait][data-color=black] .button {
  top:92.1827411168%;
  left:48.8917036099%;
  width:2.3432552248%;
  height:3.654822335%
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] {
  padding-bottom:89.1178364456%
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .screen {
  top:10.838150289%;
  left:10.9465550547%;
  width:33.6767546684%;
  height:67.2687861272%
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Hand/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .button {
  top:79.6965317919%;
  left:24.790727624%;
  width:5.9884095299%;
  height:6.7919075145%
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] {
  padding-bottom:89.1178364456%
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .screen {
  top:10.838150289%;
  left:11.0753380554%;
  width:33.5479716677%;
  height:67.2687861272%
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone6Hand/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .button {
  top:79.6965317919%;
  left:24.790727624%;
  width:5.9884095299%;
  height:6.7919075145%
 }
 .device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] {
  padding-bottom:158.392434988%
 }
 .device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .screen {
  top:7.8358208955%;
  left:41.2529550827%;
  width:42.1985815603%;
  height:47.2388059701%
 }
 .device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7Hand/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .button {
  top:56.1940298507%;
  left:58.3924349882%;
  width:7.8014184397%;
  height:4.9253731343%
 }
 .device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] {
  padding-bottom:158.392434988%
 }
 .device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .screen {
  top:7.8358208955%;
  left:41.2529550827%;
  width:42.1985815603%;
  height:47.2388059701%
 }
 .device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7Hand_2/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .button {
  top:56.1940298507%;
  left:58.3924349882%;
  width:7.8014184397%;
  height:4.9253731343%
 }
 .device[data-device=Chromebook][data-orientation=portrait][data-color=black] {
  padding-bottom:58.9736399327%
 }
 .device[data-device=Chromebook][data-orientation=portrait][data-color=black] .screen {
  top:7.8934854969%;
  left:12.7313516545%;
  width:74.1446999439%;
  height:71.2791250594%
 }
 .device[data-device=Chromebook][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/Chromebook/portrait_black.png);
  z-index:1
 }
 .device[data-device=Chromebook][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=HtcOneM8][data-orientation=portrait][data-color=black] {
  padding-bottom:209.0625%
 }
 .device[data-device=HtcOneM8][data-orientation=portrait][data-color=black] .screen {
  top:10.7623318386%;
  left:5.3125%;
  width:89.0625%;
  height:75.6352765321%
 }
 .device[data-device=HtcOneM8][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/HtcOneM8/portrait_black.png);
  z-index:1
 }
 .device[data-device=HtcOneM8][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=HtcOneM8][data-orientation=landscape][data-color=black] {
  padding-bottom:47.8325859492%
 }
 .device[data-device=HtcOneM8][data-orientation=landscape][data-color=black] .screen {
  top:5.625%;
  left:10.7623318386%;
  width:75.6352765321%;
  height:89.0625%
 }
 .device[data-device=HtcOneM8][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/HtcOneM8/landscape_black.png);
  z-index:1
 }
 .device[data-device=HtcOneM8][data-orientation=landscape][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold] {
  padding-bottom:209.740840036%
 }
 .device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold] .screen {
  top:9.1180230081%;
  left:1.6979445934%;
  width:95.8891867739%;
  height:81.806561568%
 }
 .device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/HuaweiP8/portrait_gold.png);
  z-index:1
 }
 .device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold] {
  padding-bottom:47.6778866638%
 }
 .device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold] .screen {
  top:2.4128686327%;
  left:9.1180230081%;
  width:81.806561568%;
  height:95.8891867739%
 }
 .device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/HuaweiP8/landscape_gold.png);
  z-index:1
 }
 .device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=SurfacePro3][data-orientation=landscape][data-color=black] {
  padding-bottom:68.1579674123%
 }
 .device[data-device=SurfacePro3][data-orientation=landscape][data-color=black] .screen {
  top:7.0907617504%;
  left:5.8271195802%;
  width:88.3457608395%;
  height:86.4262560778%
 }
 .device[data-device=SurfacePro3][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/SurfacePro3/landscape_black.png);
  z-index:1
 }
 .device[data-device=SurfacePro3][data-orientation=landscape][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black] {
  padding-bottom:86.4803625378%
 }
 .device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black] .screen {
  top:3.7554585153%;
  left:3.2225579053%;
  width:93.5297079557%;
  height:72.4017467249%
 }
 .device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/SurfaceStudio/portrait_black.png);
  z-index:1
 }
 .device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=black] {
  padding-bottom:203.103448276%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=black] .screen {
  top:11.9977362762%;
  left:6.2068965517%;
  width:87.3563218391%;
  height:76.0611205433%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/portrait_black.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=black] .button {
  top:89.5302773062%;
  left:42.2988505747%;
  width:15.7471264368%;
  height:7.753254103%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=white] {
  padding-bottom:203.103448276%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=white] .screen {
  top:11.9977362762%;
  left:6.2068965517%;
  width:87.3563218391%;
  height:76.0611205433%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/portrait_white.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=white] .button {
  top:89.5302773062%;
  left:42.2988505747%;
  width:15.7471264368%;
  height:7.753254103%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=gold] {
  padding-bottom:203.103448276%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .screen {
  top:11.9977362762%;
  left:6.2068965517%;
  width:87.3563218391%;
  height:76.0611205433%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/portrait_gold.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .button {
  top:89.5302773062%;
  left:42.2988505747%;
  width:15.7471264368%;
  height:7.753254103%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=pink] {
  padding-bottom:203.103448276%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .screen {
  top:11.9977362762%;
  left:6.2068965517%;
  width:87.3563218391%;
  height:76.0611205433%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=pink]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/portrait_pink.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .button {
  top:89.5302773062%;
  left:42.2988505747%;
  width:15.7471264368%;
  height:7.753254103%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=red] {
  padding-bottom:201.910828025%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=red] .screen {
  top:11.9873817035%;
  left:6.6878980892%;
  width:84.7133757962%;
  height:75.5520504732%
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=red]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/portrait_red.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=portrait][data-color=red] .button {
  top:89.7476340694%;
  left:42.3566878981%;
  width:15.6050955414%;
  height:7.7287066246%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=black] {
  padding-bottom:49.2359932088%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=black] .screen {
  top:6.4367816092%;
  left:11.9977362762%;
  width:76.0611205433%;
  height:87.3563218391%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/landscape_black.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=black] .button {
  top:41.9540229885%;
  left:89.5302773062%;
  width:7.753254103%;
  height:15.7471264368%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=white] {
  padding-bottom:49.2359932088%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=white] .screen {
  top:6.4367816092%;
  left:11.9977362762%;
  width:76.0611205433%;
  height:87.3563218391%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/landscape_white.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=white] .button {
  top:41.9540229885%;
  left:89.5302773062%;
  width:7.753254103%;
  height:15.7471264368%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=gold] {
  padding-bottom:49.2359932088%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .screen {
  top:6.4367816092%;
  left:11.9977362762%;
  width:76.0611205433%;
  height:87.3563218391%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=gold]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/landscape_gold.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .button {
  top:41.9540229885%;
  left:89.5302773062%;
  width:7.753254103%;
  height:15.7471264368%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=pink] {
  padding-bottom:49.2359932088%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .screen {
  top:6.4367816092%;
  left:11.9977362762%;
  width:76.0611205433%;
  height:87.3563218391%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=pink]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/landscape_pink.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .button {
  top:41.9540229885%;
  left:89.5302773062%;
  width:7.753254103%;
  height:15.7471264368%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=red] {
  padding-bottom:49.5268138801%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=red] .screen {
  top:8.5987261146%;
  left:11.9873817035%;
  width:75.5520504732%;
  height:84.7133757962%
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=red]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhone7/landscape_red.png);
  z-index:1
 }
 .device[data-device=iPhone7][data-orientation=landscape][data-color=red] .button {
  top:42.0382165605%;
  left:89.7476340694%;
  width:7.7287066246%;
  height:15.6050955414%
 }
 .device[data-device=iPhoneX][data-orientation=portrait][data-color=black] {
  padding-bottom:198.898071625%
 }
 .device[data-device=iPhoneX][data-orientation=portrait][data-color=black] .screen {
  top:3.1855955679%;
  left:6.8870523416%;
  width:86.2258953168%;
  height:93.6288088643%;
  border-radius: 20px;
 }
 .device[data-device=iPhoneX][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneX/portrait_black.png)
 }
 .device[data-device=iPhoneX][data-orientation=portrait][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=iPhoneX][data-orientation=landscape][data-color=black] {
  padding-bottom:50.2770083102%
 }
 .device[data-device=iPhoneX][data-orientation=landscape][data-color=black] .screen {
  top:6.3360881543%;
  left:3.4626038781%;
  width:93.0747922438%;
  height:87.3278236915%
 }
 .device[data-device=iPhoneX][data-orientation=landscape][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/iPhoneX/landscape_black.png)
 }
 .device[data-device=iPhoneX][data-orientation=landscape][data-color=black] .button {
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=white] {
  padding-bottom:202.620087336%
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=white] .screen {
  top:9.6982758621%;
  left:4.3668122271%;
  width:90.3930131004%;
  height:78.6637931034%
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=white]::after {
  content:'';
  background-image:url(../img/device-mockups/Pixel/portrait_white.png);
  z-index:1
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=white] .button {
  top:90.5172413793%;
  left:44.9781659389%;
  width:11.3537117904%;
  height:4.3103448276%
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=black] {
  padding-bottom:202.620087336%
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=black] .screen {
  top:9.6982758621%;
  left:4.3668122271%;
  width:90.3930131004%;
  height:78.6637931034%
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=black]::after {
  content:'';
  background-image:url(../img/device-mockups/Pixel/portrait_black.png);
  z-index:1
 }
 .device[data-device=Pixel][data-orientation=portrait][data-color=black] .button {
  top:90.5172413793%;
  left:44.9781659389%;
  width:11.3537117904%;
  height:4.3103448276%
 }