/*!
 * 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: Thu Sep 21 2017 21:24:45
 */
.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%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] {
  padding-bottom: 202.62008733624458%;
  background-image: url("../device-mockups/Pixel/portrait_white.png");
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] .screen {
  top: 9.698275862068966%;
  left: 4.366812227074235%;
  width: 90.39301310043668%;
  height: 78.66379310344827%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] .button {
  top: 90.51724137931035%;
  left: 44.97816593886463%;
  width: 11.353711790393014%;
  height: 4.310344827586207%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] {
  padding-bottom: 202.62008733624458%;
  background-image: url("../device-mockups/Pixel/portrait_black.png");
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] .screen {
  top: 9.698275862068966%;
  left: 4.366812227074235%;
  width: 90.39301310043668%;
  height: 78.66379310344827%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] .button {
  top: 90.51724137931035%;
  left: 44.97816593886463%;
  width: 11.353711790393014%;
  height: 4.310344827586207%;
}