From 37ca138db0fc1a0802c0bae3e278fafeb3d32b32 Mon Sep 17 00:00:00 2001 From: ben182 Date: Wed, 20 Sep 2017 11:52:52 +0200 Subject: [PATCH] Removed Default Background Image --- dist/device-mockups.css | 3 +-- dist/device-mockups.min.css | 2 +- src/general.less | 1 - 3 files changed, 2 insertions(+), 4 deletions(-) diff --git a/dist/device-mockups.css b/dist/device-mockups.css index a823cd8..2100635 100644 --- a/dist/device-mockups.css +++ b/dist/device-mockups.css @@ -2,7 +2,7 @@ * html5-device-mockups (https://github.com/pixelsign/html5-device-mockups) * Copyright 2013 - 2017 pixelsign * Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt) - * Last Build: Fri Jul 28 2017 18:38:58 + * Last Build: Wed Sep 20 2017 11:51:58 */ .device-wrapper { max-width: 300px; @@ -15,7 +15,6 @@ .device .screen { position: absolute; background-size: cover; - background-image: url("https://static.pexels.com/photos/50594/sea-bay-waterfront-beach-50594.jpeg"); } .device .button { position: absolute; diff --git a/dist/device-mockups.min.css b/dist/device-mockups.min.css index 90576ce..b988cbe 100644 --- a/dist/device-mockups.min.css +++ b/dist/device-mockups.min.css @@ -1 +1 @@ -.device-wrapper{max-width:300px;width:100%}.device{position:relative;background-size:cover}.device .screen{position:absolute;background-size:cover;background-image:url(https://static.pexels.com/photos/50594/sea-bay-waterfront-beach-50594.jpeg)}.device .button{position:absolute;cursor:pointer}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black]{padding-bottom:51.41800246609125%;background-image:url(../device-mockups/galaxyS3/landscape_black.png)}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .screen{top:7.074340527577938%;left:9.3711467324291%;width:78.91491985203453%;height:86.33093525179856%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .button{top:38.84892086330935%;left:93.34155363748458%;width:3.390875462392109%;height:22.54196642685851%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white]{padding-bottom:51.41800246609125%;background-image:url(../device-mockups/galaxyS3/landscape_white.png)}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .screen{top:7.074340527577938%;left:9.3711467324291%;width:78.91491985203453%;height:86.33093525179856%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .button{top:38.84892086330935%;left:93.34155363748458%;width:3.390875462392109%;height:22.54196642685851%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black]{padding-bottom:194.7178871548619%;background-image:url(../device-mockups/galaxyS3/portrait_black.png)}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .screen{top:9.67940813810111%;left:6.602641056422569%;width:86.31452581032413%;height:78.91491985203453%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .button{top:93.15659679408138%;left:38.655462184873954%;width:22.56902761104442%;height:3.2675709001233044%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white]{padding-bottom:194.7178871548619%;background-image:url(../device-mockups/galaxyS3/portrait_white.png)}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .screen{top:9.3711467324291%;left:6.602641056422569%;width:86.31452581032413%;height:78.91491985203453%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .button{top:93.15659679408138%;left:38.655462184873954%;width:22.56902761104442%;height:3.2675709001233044%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_black.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_white.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_gold.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_black.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_white.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_gold.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=black]{padding-bottom:168.33616298811543%;background-image:url(../device-mockups/galaxyTab4/portrait_black.png)}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=black] .screen{top:8.572869389813414%;left:5.68760611205433%;width:87.94567062818336%;height:83.00554715078164%}.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.33616298811543%;background-image:url(../device-mockups/galaxyTab4/portrait_white.png)}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=white] .screen{top:8.522440746343923%;left:5.68760611205433%;width:87.94567062818336%;height:83.05597579425114%}.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.46663049376018%;background-image:url(../device-mockups/iMac/portrait_black.png)}.device[data-device=iMac][data-orientation=portrait][data-color=black] .screen{top:5.057316250842886%;left:4.0694519804666305%;width:91.86109603906674%;height:64.19420094403236%}.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.56989247311827%;background-image:url(../device-mockups/iPad/portrait_black.png)}.device[data-device=iPad][data-orientation=portrait][data-color=black] .screen{top:9.12863070539419%;left:10.304659498207885%;width:79.21146953405018%;height:81.3969571230982%}.device[data-device=iPad][data-orientation=portrait][data-color=black] .button{top:93.15352697095436%;left:47.132616487455195%;width:6.003584229390681%;height:4.495159059474412%}.device[data-device=iPad][data-orientation=portrait][data-color=white]{padding-bottom:129.56989247311827%;background-image:url(../device-mockups/iPad/portrait_white.png)}.device[data-device=iPad][data-orientation=portrait][data-color=white] .screen{top:9.12863070539419%;left:10.483870967741936%;width:79.3010752688172%;height:81.3969571230982%}.device[data-device=iPad][data-orientation=portrait][data-color=white] .button{top:93.15352697095436%;left:47.132616487455195%;width:6.003584229390681%;height:4.495159059474412%}.device[data-device=iPad][data-orientation=landscape][data-color=black]{padding-bottom:77.04011065006915%;background-image:url(../device-mockups/iPad/landscape_black.png)}.device[data-device=iPad][data-orientation=landscape][data-color=black] .screen{top:10.23339317773788%;left:9.266943291839558%;width:81.32780082987551%;height:79.44344703770197%}.device[data-device=iPad][data-orientation=landscape][data-color=black] .button{top:46.768402154398565%;left:93.22268326417704%;width:4.426002766251729%;height:6.014362657091562%}.device[data-device=iPad][data-orientation=landscape][data-color=white]{padding-bottom:77.04011065006915%;background-image:url(../device-mockups/iPad/landscape_white.png)}.device[data-device=iPad][data-orientation=landscape][data-color=white] .screen{top:10.23339317773788%;left:9.266943291839558%;width:81.32780082987551%;height:79.44344703770197%}.device[data-device=iPad][data-orientation=landscape][data-color=white] .button{top:46.768402154398565%;left:93.22268326417704%;width:4.426002766251729%;height:6.014362657091562%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_black.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_white.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_gold.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_black.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_white.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_gold.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadPro][data-orientation=portrait][data-color=black]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_black.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=black] .screen{top:7.044025157232705%;left:5.361813426329555%;width:89.23278116826503%;height:85.9119496855346%}.device[data-device=iPadPro][data-orientation=portrait][data-color=black] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=portrait][data-color=white]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_white.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=white] .screen{top:7.044025157232705%;left:5.361813426329555%;width:89.23278116826503%;height:85.9119496855346%}.device[data-device=iPadPro][data-orientation=portrait][data-color=white] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_gold.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .screen{top:7.0754716981132075%;left:5.361813426329555%;width:89.23278116826503%;height:85.88050314465409%}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=landscape][data-color=black]{padding-bottom:72.13836477987421%;background-image:url(../device-mockups/iPadPro/landscape_black.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=black] .screen{top:5.405405405405405%;left:7.044025157232705%;width:85.9119496855346%;height:89.23278116826503%}.device[data-device=iPadPro][data-orientation=landscape][data-color=black] .button{top:47.5588491717524%;left:94.937106918239%;width:3.5220125786163523%;height:4.838709677419355%}.device[data-device=iPadPro][data-orientation=landscape][data-color=white]{padding-bottom:72.13836477987421%;background-image:url(../device-mockups/iPadPro/landscape_white.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=white] .screen{top:5.405405405405405%;left:7.044025157232705%;width:85.9119496855346%;height:89.23278116826503%}.device[data-device=iPadPro][data-orientation=landscape][data-color=white] .button{top:47.5588491717524%;left:94.937106918239%;width:3.5220125786163523%;height:4.838709677419355%}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold]{padding-bottom:72.1471235460547%;background-image:url(../device-mockups/iPadPro/landscape_gold.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .screen{top:5.403050108932462%;left:7.073247406475951%;width:85.88494184218798%;height:89.23747276688452%}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .button{top:47.53812636165578%;left:94.90726186733731%;width:3.5523420308079223%;height:4.880174291938998%}.device[data-device=iPhone6][data-orientation=portrait][data-color=black]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_black.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=portrait][data-color=white]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_white.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=white] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=white] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_gold.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=landscape][data-color=black]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_black.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=black] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=black] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6][data-orientation=landscape][data-color=white]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_white.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=white] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=white] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_gold.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_black.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_white.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_gold.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_black.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_white.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_gold.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_black.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_white.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_gold.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_pink.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_black.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_white.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_gold.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_pink.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhone5][data-orientation=portrait][data-color=black]{padding-bottom:209.46123521681997%;background-image:url(../device-mockups/iPhone5/portrait_black.png)}.device[data-device=iPhone5][data-orientation=portrait][data-color=black] .screen{top:14.805520702634881%;left:8.278580814717477%;width:84.23127463863338%;height:71.267252195734%}.device[data-device=iPhone5][data-orientation=portrait][data-color=black] .button{top:88.51944792973651%;left:41.52431011826544%;width:18.00262812089356%;height:8.594730238393977%}.device[data-device=iPhone5][data-orientation=portrait][data-color=white]{padding-bottom:209.46123521681997%;background-image:url(../device-mockups/iPhone5/portrait_white.png)}.device[data-device=iPhone5][data-orientation=portrait][data-color=white] .screen{top:14.805520702634881%;left:8.278580814717477%;width:84.23127463863338%;height:71.267252195734%}.device[data-device=iPhone5][data-orientation=portrait][data-color=white] .button{top:88.51944792973651%;left:41.52431011826544%;width:18.00262812089356%;height:8.594730238393977%}.device[data-device=iPhone5][data-orientation=landscape][data-color=black]{padding-bottom:47.74153074027603%;background-image:url(../device-mockups/iPhone5/landscape_black.png)}.device[data-device=iPhone5][data-orientation=landscape][data-color=black] .screen{top:7.490144546649145%;left:14.805520702634881%;width:71.267252195734%;height:84.23127463863338%}.device[data-device=iPhone5][data-orientation=landscape][data-color=black] .button{top:40.473061760841%;left:88.51944792973651%;width:8.594730238393977%;height:18.00262812089356%}.device[data-device=iPhone5][data-orientation=landscape][data-color=white]{padding-bottom:47.74153074027603%;background-image:url(../device-mockups/iPhone5/landscape_white.png)}.device[data-device=iPhone5][data-orientation=landscape][data-color=white] .screen{top:7.490144546649145%;left:14.805520702634881%;width:71.267252195734%;height:84.23127463863338%}.device[data-device=iPhone5][data-orientation=landscape][data-color=white] .button{top:40.473061760841%;left:88.51944792973651%;width:8.594730238393977%;height:18.00262812089356%}.device[data-device=Lumia930][data-orientation=portrait][data-color=black]{padding-bottom:192.31287929871883%;background-image:url(../device-mockups/Lumia930/portrait_black.png)}.device[data-device=Lumia930][data-orientation=portrait][data-color=black] .screen{top:7.1178120617110805%;left:5.529332434254889%;width:87.86244099797707%;height:81.13604488078542%}.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.31287929871883%;background-image:url(../device-mockups/Lumia930/portrait_white.png)}.device[data-device=Lumia930][data-orientation=portrait][data-color=white] .screen{top:7.1178120617110805%;left:5.529332434254889%;width:87.86244099797707%;height:81.13604488078542%}.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.998597475455824%;background-image:url(../device-mockups/Lumia930/landscape_black.png)}.device[data-device=Lumia930][data-orientation=landscape][data-color=black] .screen{top:6.608226567768037%;left:7.1178120617110805%;width:81.13604488078542%;height:87.86244099797707%}.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.998597475455824%;background-image:url(../device-mockups/Lumia930/landscape_white.png)}.device[data-device=Lumia930][data-orientation=landscape][data-color=white] .screen{top:6.608226567768037%;left:7.1178120617110805%;width:81.13604488078542%;height:87.86244099797707%}.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.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_black.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=black] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.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.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_white.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=white] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.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.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_gold.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=gold] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.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.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_black.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=black] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.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.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_white.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=white] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.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.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_gold.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=gold] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.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.94701986754966%;background-image:url(../device-mockups/MacbookPro/portrait_black.png)}.device[data-device=MacbookPro][data-orientation=portrait][data-color=black] .screen{top:6.714285714285714%;left:11.83774834437086%;width:76.40728476821192%;height:82.42857142857143%}.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.6780303030303%;background-image:url(../device-mockups/SamsungTV/portrait_black.png)}.device[data-device=SamsungTV][data-orientation=portrait][data-color=black] .screen{top:2.1961932650073206%;left:1.3257575757575757%;width:97.25378787878788%;height:85.21229868228404%}.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.38125395820139%;background-image:url(../device-mockups/Surface/portrait_black.png)}.device[data-device=Surface][data-orientation=portrait][data-color=black] .screen{top:11.065989847715736%;left:6.776440785307157%;width:86.38378720709309%;height:77.76649746192894%}.device[data-device=Surface][data-orientation=portrait][data-color=black] .button{top:92.18274111675126%;left:48.89170360987967%;width:2.3432552248258394%;height:3.654822335025381%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black]{padding-bottom:89.11783644558918%;background-image:url(../device-mockups/iPhone6Hand/portrait_black.png)}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .screen{top:10.83815028901734%;left:10.946555054732775%;width:33.67675466838377%;height:67.26878612716763%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .button{top:79.6965317919075%;left:24.790727623953636%;width:5.988409529942048%;height:6.791907514450866%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white]{padding-bottom:89.11783644558918%;background-image:url(../device-mockups/iPhone6Hand/portrait_white.png)}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .screen{top:10.83815028901734%;left:11.07533805537669%;width:33.54797166773986%;height:67.26878612716763%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .button{top:79.6965317919075%;left:24.790727623953636%;width:5.988409529942048%;height:6.791907514450866%}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black]{padding-bottom:158.39243498817967%;background-image:url(../device-mockups/iPhone7Hand/portrait_black.png)}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .screen{top:7.835820895522389%;left:41.25295508274232%;width:42.198581560283685%;height:47.23880597014926%}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .button{top:56.19402985074626%;left:58.392434988179666%;width:7.801418439716312%;height:4.925373134328359%}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black]{padding-bottom:158.39243498817967%;background-image:url(../device-mockups/iPhone7Hand_2/portrait_black.png)}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .screen{top:7.835820895522389%;left:41.25295508274232%;width:42.198581560283685%;height:47.23880597014926%}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .button{top:56.19402985074626%;left:58.392434988179666%;width:7.801418439716312%;height:4.925373134328359%}.device[data-device=Chromebook][data-orientation=portrait][data-color=black]{padding-bottom:58.97363993269771%;background-image:url(../device-mockups/Chromebook/portrait_black.png)}.device[data-device=Chromebook][data-orientation=portrait][data-color=black] .screen{top:7.893485496909178%;left:12.731351654514864%;width:74.14469994391474%;height:71.2791250594389%}.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.06250000000003%;background-image:url(../device-mockups/HtcOneM8/portrait_black.png)}.device[data-device=HtcOneM8][data-orientation=portrait][data-color=black] .screen{top:10.762331838565023%;left:5.3125%;width:89.0625%;height:75.63527653213752%}.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.832585949177876%;background-image:url(../device-mockups/HtcOneM8/landscape_black.png)}.device[data-device=HtcOneM8][data-orientation=landscape][data-color=black] .screen{top:5.625%;left:10.762331838565023%;width:75.63527653213752%;height:89.0625%}.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.7408400357462%;background-image:url(../device-mockups/HuaweiP8/portrait_gold.png)}.device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold] .screen{top:9.118023008095442%;left:1.6979445933869526%;width:95.88918677390528%;height:81.80656156795911%}.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.677886663826165%;background-image:url(../device-mockups/HuaweiP8/landscape_gold.png)}.device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold] .screen{top:2.4128686327077746%;left:9.118023008095442%;width:81.80656156795911%;height:95.88918677390528%}.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.15796741231705%;background-image:url(../device-mockups/SurfacePro3/landscape_black.png)}.device[data-device=SurfacePro3][data-orientation=landscape][data-color=black] .screen{top:7.0907617504051865%;left:5.827119580226457%;width:88.34576083954708%;height:86.42625607779578%}.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.48036253776435%;background-image:url(../device-mockups/SurfaceStudio/portrait_black.png)}.device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black] .screen{top:3.755458515283843%;left:3.2225579053373616%;width:93.52970795568983%;height:72.40174672489083%}.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.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_black.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=black] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=black] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=white]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_white.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=white] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=white] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_gold.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_pink.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=red]{padding-bottom:201.91082802547774%;background-image:url(../device-mockups/iPhone7/portrait_red.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=red] .screen{top:11.987381703470032%;left:6.687898089171974%;width:84.71337579617835%;height:75.55205047318611%}.device[data-device=iPhone7][data-orientation=portrait][data-color=red] .button{top:89.74763406940063%;left:42.35668789808918%;width:15.605095541401273%;height:7.728706624605679%}.device[data-device=iPhone7][data-orientation=landscape][data-color=black]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_black.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=black] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=black] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=white]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_white.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=white] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=white] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_gold.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_pink.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=red]{padding-bottom:49.526813880126184%;background-image:url(../device-mockups/iPhone7/landscape_red.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=red] .screen{top:8.598726114649681%;left:11.987381703470032%;width:75.55205047318611%;height:84.71337579617835%}.device[data-device=iPhone7][data-orientation=landscape][data-color=red] .button{top:42.038216560509554%;left:89.74763406940063%;width:7.728706624605679%;height:15.605095541401273%} \ No newline at end of file +.device-wrapper{max-width:300px;width:100%}.device{position:relative;background-size:cover}.device .screen{position:absolute;background-size:cover}.device .button{position:absolute;cursor:pointer}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black]{padding-bottom:51.41800246609125%;background-image:url(../device-mockups/galaxyS3/landscape_black.png)}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .screen{top:7.074340527577938%;left:9.3711467324291%;width:78.91491985203453%;height:86.33093525179856%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=black] .button{top:38.84892086330935%;left:93.34155363748458%;width:3.390875462392109%;height:22.54196642685851%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white]{padding-bottom:51.41800246609125%;background-image:url(../device-mockups/galaxyS3/landscape_white.png)}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .screen{top:7.074340527577938%;left:9.3711467324291%;width:78.91491985203453%;height:86.33093525179856%}.device[data-device=galaxyS3][data-orientation=landscape][data-color=white] .button{top:38.84892086330935%;left:93.34155363748458%;width:3.390875462392109%;height:22.54196642685851%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black]{padding-bottom:194.7178871548619%;background-image:url(../device-mockups/galaxyS3/portrait_black.png)}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .screen{top:9.67940813810111%;left:6.602641056422569%;width:86.31452581032413%;height:78.91491985203453%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=black] .button{top:93.15659679408138%;left:38.655462184873954%;width:22.56902761104442%;height:3.2675709001233044%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white]{padding-bottom:194.7178871548619%;background-image:url(../device-mockups/galaxyS3/portrait_white.png)}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .screen{top:9.3711467324291%;left:6.602641056422569%;width:86.31452581032413%;height:78.91491985203453%}.device[data-device=galaxyS3][data-orientation=portrait][data-color=white] .button{top:93.15659679408138%;left:38.655462184873954%;width:22.56902761104442%;height:3.2675709001233044%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_black.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=black] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_white.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=white] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold]{padding-bottom:193.9837398373984%;background-image:url(../device-mockups/galaxyS5/portrait_gold.png)}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .screen{top:9.80720871751886%;left:6.097560975609756%;width:87.8048780487805%;height:80.4694048616932%}.device[data-device=galaxyS5][data-orientation=portrait][data-color=gold] .button{top:92.62363788767813%;left:38.943089430894304%;width:22.520325203252032%;height:3.730092204526404%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_black.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=black] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_white.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=white] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold]{padding-bottom:51.55071248952222%;background-image:url(../device-mockups/galaxyS5/landscape_gold.png)}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .screen{top:6.097560975609756%;left:9.80720871751886%;width:80.4694048616932%;height:87.8048780487805%}.device[data-device=galaxyS5][data-orientation=landscape][data-color=gold] .button{top:38.53658536585366%;left:92.62363788767813%;width:3.730092204526404%;height:22.520325203252032%}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=black]{padding-bottom:168.33616298811543%;background-image:url(../device-mockups/galaxyTab4/portrait_black.png)}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=black] .screen{top:8.572869389813414%;left:5.68760611205433%;width:87.94567062818336%;height:83.00554715078164%}.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.33616298811543%;background-image:url(../device-mockups/galaxyTab4/portrait_white.png)}.device[data-device=galaxyTab4][data-orientation=portrait][data-color=white] .screen{top:8.522440746343923%;left:5.68760611205433%;width:87.94567062818336%;height:83.05597579425114%}.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.46663049376018%;background-image:url(../device-mockups/iMac/portrait_black.png)}.device[data-device=iMac][data-orientation=portrait][data-color=black] .screen{top:5.057316250842886%;left:4.0694519804666305%;width:91.86109603906674%;height:64.19420094403236%}.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.56989247311827%;background-image:url(../device-mockups/iPad/portrait_black.png)}.device[data-device=iPad][data-orientation=portrait][data-color=black] .screen{top:9.12863070539419%;left:10.304659498207885%;width:79.21146953405018%;height:81.3969571230982%}.device[data-device=iPad][data-orientation=portrait][data-color=black] .button{top:93.15352697095436%;left:47.132616487455195%;width:6.003584229390681%;height:4.495159059474412%}.device[data-device=iPad][data-orientation=portrait][data-color=white]{padding-bottom:129.56989247311827%;background-image:url(../device-mockups/iPad/portrait_white.png)}.device[data-device=iPad][data-orientation=portrait][data-color=white] .screen{top:9.12863070539419%;left:10.483870967741936%;width:79.3010752688172%;height:81.3969571230982%}.device[data-device=iPad][data-orientation=portrait][data-color=white] .button{top:93.15352697095436%;left:47.132616487455195%;width:6.003584229390681%;height:4.495159059474412%}.device[data-device=iPad][data-orientation=landscape][data-color=black]{padding-bottom:77.04011065006915%;background-image:url(../device-mockups/iPad/landscape_black.png)}.device[data-device=iPad][data-orientation=landscape][data-color=black] .screen{top:10.23339317773788%;left:9.266943291839558%;width:81.32780082987551%;height:79.44344703770197%}.device[data-device=iPad][data-orientation=landscape][data-color=black] .button{top:46.768402154398565%;left:93.22268326417704%;width:4.426002766251729%;height:6.014362657091562%}.device[data-device=iPad][data-orientation=landscape][data-color=white]{padding-bottom:77.04011065006915%;background-image:url(../device-mockups/iPad/landscape_white.png)}.device[data-device=iPad][data-orientation=landscape][data-color=white] .screen{top:10.23339317773788%;left:9.266943291839558%;width:81.32780082987551%;height:79.44344703770197%}.device[data-device=iPad][data-orientation=landscape][data-color=white] .button{top:46.768402154398565%;left:93.22268326417704%;width:4.426002766251729%;height:6.014362657091562%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_black.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=black] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_white.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=white] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold]{padding-bottom:141.3929784824462%;background-image:url(../device-mockups/iPadAir2/portrait_gold.png)}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .screen{top:9.090909090909092%;left:6.455266138165346%;width:86.9762174405436%;height:82.01842210652784%}.device[data-device=iPadAir2][data-orientation=portrait][data-color=gold] .button{top:93.55226271525831%;left:46.82899207248018%;width:6.285390713476784%;height:4.445334401281538%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_black.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=black] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_white.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=white] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold]{padding-bottom:70.72486984381257%;background-image:url(../device-mockups/iPadAir2/landscape_gold.png)}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .screen{top:6.5685164212910525%;left:9.090909090909092%;width:82.01842210652784%;height:86.9762174405436%}.device[data-device=iPadAir2][data-orientation=landscape][data-color=gold] .button{top:46.88561721404304%;left:93.55226271525831%;width:4.445334401281538%;height:6.285390713476784%}.device[data-device=iPadPro][data-orientation=portrait][data-color=black]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_black.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=black] .screen{top:7.044025157232705%;left:5.361813426329555%;width:89.23278116826503%;height:85.9119496855346%}.device[data-device=iPadPro][data-orientation=portrait][data-color=black] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=portrait][data-color=white]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_white.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=white] .screen{top:7.044025157232705%;left:5.361813426329555%;width:89.23278116826503%;height:85.9119496855346%}.device[data-device=iPadPro][data-orientation=portrait][data-color=white] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold]{padding-bottom:138.62249346120313%;background-image:url(../device-mockups/iPadPro/portrait_gold.png)}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .screen{top:7.0754716981132075%;left:5.361813426329555%;width:89.23278116826503%;height:85.88050314465409%}.device[data-device=iPadPro][data-orientation=portrait][data-color=gold] .button{top:94.937106918239%;left:47.60244115082825%;width:4.838709677419355%;height:3.5220125786163523%}.device[data-device=iPadPro][data-orientation=landscape][data-color=black]{padding-bottom:72.13836477987421%;background-image:url(../device-mockups/iPadPro/landscape_black.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=black] .screen{top:5.405405405405405%;left:7.044025157232705%;width:85.9119496855346%;height:89.23278116826503%}.device[data-device=iPadPro][data-orientation=landscape][data-color=black] .button{top:47.5588491717524%;left:94.937106918239%;width:3.5220125786163523%;height:4.838709677419355%}.device[data-device=iPadPro][data-orientation=landscape][data-color=white]{padding-bottom:72.13836477987421%;background-image:url(../device-mockups/iPadPro/landscape_white.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=white] .screen{top:5.405405405405405%;left:7.044025157232705%;width:85.9119496855346%;height:89.23278116826503%}.device[data-device=iPadPro][data-orientation=landscape][data-color=white] .button{top:47.5588491717524%;left:94.937106918239%;width:3.5220125786163523%;height:4.838709677419355%}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold]{padding-bottom:72.1471235460547%;background-image:url(../device-mockups/iPadPro/landscape_gold.png)}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .screen{top:5.403050108932462%;left:7.073247406475951%;width:85.88494184218798%;height:89.23747276688452%}.device[data-device=iPadPro][data-orientation=landscape][data-color=gold] .button{top:47.53812636165578%;left:94.90726186733731%;width:3.5523420308079223%;height:4.880174291938998%}.device[data-device=iPhone6][data-orientation=portrait][data-color=black]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_black.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=black] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=portrait][data-color=white]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_white.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=white] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=white] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold]{padding-bottom:207.620164126612%;background-image:url(../device-mockups/iPhone6/portrait_gold.png)}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .screen{top:12.25296442687747%;left:6.096131301289566%;width:88.042203985932%;height:75.32467532467533%}.device[data-device=iPhone6][data-orientation=portrait][data-color=gold] .button{top:89.32806324110672%;left:41.85228604923799%;width:16.64712778429074%;height:8.018068887634106%}.device[data-device=iPhone6][data-orientation=landscape][data-color=black]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_black.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=black] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=black] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6][data-orientation=landscape][data-color=white]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_white.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=white] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=white] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold]{padding-bottom:48.164878599661215%;background-image:url(../device-mockups/iPhone6/landscape_gold.png)}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .screen{top:5.861664712778429%;left:12.309429700734048%;width:75.26821005081875%;height:87.92497069167644%}.device[data-device=iPhone6][data-orientation=landscape][data-color=gold] .button{top:41.50058616647128%;left:89.32806324110672%;width:8.018068887634106%;height:16.64712778429074%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_black.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=black] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_white.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=white] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold]{padding-bottom:201.45161290322577%;background-image:url(../device-mockups/iPhone6Plus/portrait_gold.png)}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .screen{top:11.489191353082466%;left:6.532258064516129%;width:87.09677419354838%;height:76.86148919135309%}.device[data-device=iPhone6Plus][data-orientation=portrait][data-color=gold] .button{top:90.43234587670136%;left:43.306451612903224%;width:13.38709677419355%;height:6.645316253002402%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_black.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=black] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_white.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=white] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold]{padding-bottom:49.639711769415534%;background-image:url(../device-mockups/iPhone6Plus/landscape_gold.png)}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .screen{top:6.370967741935483%;left:11.489191353082466%;width:76.86148919135309%;height:87.09677419354838%}.device[data-device=iPhone6Plus][data-orientation=landscape][data-color=gold] .button{top:43.306451612903224%;left:90.43234587670136%;width:6.645316253002402%;height:13.38709677419355%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_black.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=black] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_white.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=white] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_gold.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=gold] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink]{padding-bottom:209.829619921363%;background-image:url(../device-mockups/iPhoneSE/portrait_pink.png)}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .screen{top:14.803247970018738%;left:8.51900393184797%;width:83.8794233289646%;height:70.95565271705185%}.device[data-device=iPhoneSE][data-orientation=portrait][data-color=pink] .button{top:88.50718301061836%;left:41.67758846657929%;width:17.693315858453474%;height:8.432229856339788%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_black.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=black] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_white.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=white] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_gold.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=gold] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink]{padding-bottom:47.65771392879451%;background-image:url(../device-mockups/iPhoneSE/landscape_pink.png)}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .screen{top:7.601572739187418%;left:14.803247970018738%;width:70.95565271705185%;height:83.8794233289646%}.device[data-device=iPhoneSE][data-orientation=landscape][data-color=pink] .button{top:40.62909567496724%;left:88.50718301061836%;width:8.432229856339788%;height:17.693315858453474%}.device[data-device=iPhone5][data-orientation=portrait][data-color=black]{padding-bottom:209.46123521681997%;background-image:url(../device-mockups/iPhone5/portrait_black.png)}.device[data-device=iPhone5][data-orientation=portrait][data-color=black] .screen{top:14.805520702634881%;left:8.278580814717477%;width:84.23127463863338%;height:71.267252195734%}.device[data-device=iPhone5][data-orientation=portrait][data-color=black] .button{top:88.51944792973651%;left:41.52431011826544%;width:18.00262812089356%;height:8.594730238393977%}.device[data-device=iPhone5][data-orientation=portrait][data-color=white]{padding-bottom:209.46123521681997%;background-image:url(../device-mockups/iPhone5/portrait_white.png)}.device[data-device=iPhone5][data-orientation=portrait][data-color=white] .screen{top:14.805520702634881%;left:8.278580814717477%;width:84.23127463863338%;height:71.267252195734%}.device[data-device=iPhone5][data-orientation=portrait][data-color=white] .button{top:88.51944792973651%;left:41.52431011826544%;width:18.00262812089356%;height:8.594730238393977%}.device[data-device=iPhone5][data-orientation=landscape][data-color=black]{padding-bottom:47.74153074027603%;background-image:url(../device-mockups/iPhone5/landscape_black.png)}.device[data-device=iPhone5][data-orientation=landscape][data-color=black] .screen{top:7.490144546649145%;left:14.805520702634881%;width:71.267252195734%;height:84.23127463863338%}.device[data-device=iPhone5][data-orientation=landscape][data-color=black] .button{top:40.473061760841%;left:88.51944792973651%;width:8.594730238393977%;height:18.00262812089356%}.device[data-device=iPhone5][data-orientation=landscape][data-color=white]{padding-bottom:47.74153074027603%;background-image:url(../device-mockups/iPhone5/landscape_white.png)}.device[data-device=iPhone5][data-orientation=landscape][data-color=white] .screen{top:7.490144546649145%;left:14.805520702634881%;width:71.267252195734%;height:84.23127463863338%}.device[data-device=iPhone5][data-orientation=landscape][data-color=white] .button{top:40.473061760841%;left:88.51944792973651%;width:8.594730238393977%;height:18.00262812089356%}.device[data-device=Lumia930][data-orientation=portrait][data-color=black]{padding-bottom:192.31287929871883%;background-image:url(../device-mockups/Lumia930/portrait_black.png)}.device[data-device=Lumia930][data-orientation=portrait][data-color=black] .screen{top:7.1178120617110805%;left:5.529332434254889%;width:87.86244099797707%;height:81.13604488078542%}.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.31287929871883%;background-image:url(../device-mockups/Lumia930/portrait_white.png)}.device[data-device=Lumia930][data-orientation=portrait][data-color=white] .screen{top:7.1178120617110805%;left:5.529332434254889%;width:87.86244099797707%;height:81.13604488078542%}.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.998597475455824%;background-image:url(../device-mockups/Lumia930/landscape_black.png)}.device[data-device=Lumia930][data-orientation=landscape][data-color=black] .screen{top:6.608226567768037%;left:7.1178120617110805%;width:81.13604488078542%;height:87.86244099797707%}.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.998597475455824%;background-image:url(../device-mockups/Lumia930/landscape_white.png)}.device[data-device=Lumia930][data-orientation=landscape][data-color=white] .screen{top:6.608226567768037%;left:7.1178120617110805%;width:81.13604488078542%;height:87.86244099797707%}.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.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_black.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=black] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.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.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_white.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=white] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.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.51565762004176%;background-image:url(../device-mockups/Macbook/portrait_gold.png)}.device[data-device=Macbook][data-orientation=portrait][data-color=gold] .screen{top:7.259528130671507%;left:12.369519832985386%;width:75.26096033402922%;height:81.85117967332124%}.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.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_black.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=black] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.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.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_white.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=white] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.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.51565762004176%;background-image:url(../device-mockups/Macbook2015/portrait_gold.png)}.device[data-device=Macbook2015][data-orientation=portrait][data-color=gold] .screen{top:7.350272232304899%;left:12.421711899791232%;width:75.15657620041753%;height:81.76043557168784%}.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.94701986754966%;background-image:url(../device-mockups/MacbookPro/portrait_black.png)}.device[data-device=MacbookPro][data-orientation=portrait][data-color=black] .screen{top:6.714285714285714%;left:11.83774834437086%;width:76.40728476821192%;height:82.42857142857143%}.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.6780303030303%;background-image:url(../device-mockups/SamsungTV/portrait_black.png)}.device[data-device=SamsungTV][data-orientation=portrait][data-color=black] .screen{top:2.1961932650073206%;left:1.3257575757575757%;width:97.25378787878788%;height:85.21229868228404%}.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.38125395820139%;background-image:url(../device-mockups/Surface/portrait_black.png)}.device[data-device=Surface][data-orientation=portrait][data-color=black] .screen{top:11.065989847715736%;left:6.776440785307157%;width:86.38378720709309%;height:77.76649746192894%}.device[data-device=Surface][data-orientation=portrait][data-color=black] .button{top:92.18274111675126%;left:48.89170360987967%;width:2.3432552248258394%;height:3.654822335025381%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black]{padding-bottom:89.11783644558918%;background-image:url(../device-mockups/iPhone6Hand/portrait_black.png)}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .screen{top:10.83815028901734%;left:10.946555054732775%;width:33.67675466838377%;height:67.26878612716763%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=black] .button{top:79.6965317919075%;left:24.790727623953636%;width:5.988409529942048%;height:6.791907514450866%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white]{padding-bottom:89.11783644558918%;background-image:url(../device-mockups/iPhone6Hand/portrait_white.png)}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .screen{top:10.83815028901734%;left:11.07533805537669%;width:33.54797166773986%;height:67.26878612716763%}.device[data-device=iPhone6Hand][data-orientation=portrait][data-color=white] .button{top:79.6965317919075%;left:24.790727623953636%;width:5.988409529942048%;height:6.791907514450866%}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black]{padding-bottom:158.39243498817967%;background-image:url(../device-mockups/iPhone7Hand/portrait_black.png)}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .screen{top:7.835820895522389%;left:41.25295508274232%;width:42.198581560283685%;height:47.23880597014926%}.device[data-device=iPhone7Hand][data-orientation=portrait][data-color=black] .button{top:56.19402985074626%;left:58.392434988179666%;width:7.801418439716312%;height:4.925373134328359%}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black]{padding-bottom:158.39243498817967%;background-image:url(../device-mockups/iPhone7Hand_2/portrait_black.png)}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .screen{top:7.835820895522389%;left:41.25295508274232%;width:42.198581560283685%;height:47.23880597014926%}.device[data-device=iPhone7Hand_2][data-orientation=portrait][data-color=black] .button{top:56.19402985074626%;left:58.392434988179666%;width:7.801418439716312%;height:4.925373134328359%}.device[data-device=Chromebook][data-orientation=portrait][data-color=black]{padding-bottom:58.97363993269771%;background-image:url(../device-mockups/Chromebook/portrait_black.png)}.device[data-device=Chromebook][data-orientation=portrait][data-color=black] .screen{top:7.893485496909178%;left:12.731351654514864%;width:74.14469994391474%;height:71.2791250594389%}.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.06250000000003%;background-image:url(../device-mockups/HtcOneM8/portrait_black.png)}.device[data-device=HtcOneM8][data-orientation=portrait][data-color=black] .screen{top:10.762331838565023%;left:5.3125%;width:89.0625%;height:75.63527653213752%}.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.832585949177876%;background-image:url(../device-mockups/HtcOneM8/landscape_black.png)}.device[data-device=HtcOneM8][data-orientation=landscape][data-color=black] .screen{top:5.625%;left:10.762331838565023%;width:75.63527653213752%;height:89.0625%}.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.7408400357462%;background-image:url(../device-mockups/HuaweiP8/portrait_gold.png)}.device[data-device=HuaweiP8][data-orientation=portrait][data-color=gold] .screen{top:9.118023008095442%;left:1.6979445933869526%;width:95.88918677390528%;height:81.80656156795911%}.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.677886663826165%;background-image:url(../device-mockups/HuaweiP8/landscape_gold.png)}.device[data-device=HuaweiP8][data-orientation=landscape][data-color=gold] .screen{top:2.4128686327077746%;left:9.118023008095442%;width:81.80656156795911%;height:95.88918677390528%}.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.15796741231705%;background-image:url(../device-mockups/SurfacePro3/landscape_black.png)}.device[data-device=SurfacePro3][data-orientation=landscape][data-color=black] .screen{top:7.0907617504051865%;left:5.827119580226457%;width:88.34576083954708%;height:86.42625607779578%}.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.48036253776435%;background-image:url(../device-mockups/SurfaceStudio/portrait_black.png)}.device[data-device=SurfaceStudio][data-orientation=portrait][data-color=black] .screen{top:3.755458515283843%;left:3.2225579053373616%;width:93.52970795568983%;height:72.40174672489083%}.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.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_black.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=black] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=black] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=white]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_white.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=white] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=white] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_gold.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=gold] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink]{padding-bottom:203.10344827586212%;background-image:url(../device-mockups/iPhone7/portrait_pink.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .screen{top:11.997736276174306%;left:6.206896551724138%;width:87.35632183908046%;height:76.06112054329371%}.device[data-device=iPhone7][data-orientation=portrait][data-color=pink] .button{top:89.53027730616864%;left:42.298850574712645%;width:15.747126436781608%;height:7.753254102999434%}.device[data-device=iPhone7][data-orientation=portrait][data-color=red]{padding-bottom:201.91082802547774%;background-image:url(../device-mockups/iPhone7/portrait_red.png)}.device[data-device=iPhone7][data-orientation=portrait][data-color=red] .screen{top:11.987381703470032%;left:6.687898089171974%;width:84.71337579617835%;height:75.55205047318611%}.device[data-device=iPhone7][data-orientation=portrait][data-color=red] .button{top:89.74763406940063%;left:42.35668789808918%;width:15.605095541401273%;height:7.728706624605679%}.device[data-device=iPhone7][data-orientation=landscape][data-color=black]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_black.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=black] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=black] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=white]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_white.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=white] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=white] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_gold.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=gold] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink]{padding-bottom:49.235993208828525%;background-image:url(../device-mockups/iPhone7/landscape_pink.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .screen{top:6.436781609195402%;left:11.997736276174306%;width:76.06112054329371%;height:87.35632183908046%}.device[data-device=iPhone7][data-orientation=landscape][data-color=pink] .button{top:41.95402298850575%;left:89.53027730616864%;width:7.753254102999434%;height:15.747126436781608%}.device[data-device=iPhone7][data-orientation=landscape][data-color=red]{padding-bottom:49.526813880126184%;background-image:url(../device-mockups/iPhone7/landscape_red.png)}.device[data-device=iPhone7][data-orientation=landscape][data-color=red] .screen{top:8.598726114649681%;left:11.987381703470032%;width:75.55205047318611%;height:84.71337579617835%}.device[data-device=iPhone7][data-orientation=landscape][data-color=red] .button{top:42.038216560509554%;left:89.74763406940063%;width:7.728706624605679%;height:15.605095541401273%} \ No newline at end of file diff --git a/src/general.less b/src/general.less index a3350a8..f4869f6 100644 --- a/src/general.less +++ b/src/general.less @@ -10,7 +10,6 @@ .screen { position : absolute; background-size : cover; - background-image: url("https://static.pexels.com/photos/50594/sea-bay-waterfront-beach-50594.jpeg"); } .button {