/*!
 * html5-device-mockups (https://github.com/pixelsign/html5-device-mockups)
 * Copyright 2013 - 2018 pixelsign
 * Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt)
 * Last Build: Thu Dec 20 2018 14:05:50
 */
.device-wrapper {
  max-width: 1024px;
  width: 100%; }

.device {
  position: relative;
  background-size: cover; }
  .device::after {
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 100%;
    pointer-events: none; }
  .device .screen {
    position: absolute;
    background-size: cover;
    pointer-events: auto; }
  .device .button {
    position: absolute;
    cursor: pointer; }



.device[data-device="iMac"][data-orientation="portrait"][data-color="black"] {
  padding-bottom: 80.4666304938%; }
  .device[data-device="iMac"][data-orientation="portrait"][data-color="black"] .screen {
    top: 5.0573162508%;
    left: 4.0694519805%;
    width: 91.8610960391%;
    height: 64.194200944%; }
  .device[data-device="iMac"][data-orientation="portrait"][data-color="black"]::after {
    content: '';
    background-image: url(../images/device-mockups/iMac/portrait_black.png);
    z-index: -1; }
  .device[data-device="iMac"][data-orientation="portrait"][data-color="black"] .button {
    display: none;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%; }


  .device[data-device="Macbook"][data-orientation="portrait"][data-color="black"] {
  padding-bottom: 57.51565762%; }
  .device[data-device="Macbook"][data-orientation="portrait"][data-color="black"] .screen {
    top: 7.2595281307%;
    left: 12.369519833%;
    width: 75.260960334%;
    height: 81.8511796733%; }
  .device[data-device="Macbook"][data-orientation="portrait"][data-color="black"]::after {
    content: '';
    background-image: url(../images/device-mockups/Macbook/portrait_black.png);
    z-index: -1; }
  .device[data-device="Macbook"][data-orientation="portrait"][data-color="black"] .button {
    display: none;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%; }