/*!
* Darkmatter Theme - (https://github.com/fellowhobbyist/darkmatter-theme) * Copyright 2018 FellowHobbyist (Brian Hooper) * Licensed under MPL_2.0 (https://www.mozilla.org/en-US/MPL/2.0/) */ body { padding-top: 54px; } @media (min-width: 992px) { body { padding-top: 56px; } } header.masthead { position: relative; width: 100%; padding-top: 150px; padding-bottom: 100px; color: white; background: url("../images/css/bg-pattern.png"), #70C1B3; background: url("../images/css/bg-pattern.png"), -webkit-linear-gradient(to left, #70C1B3, #50514F); background: url("../images/css/bg-pattern.png"), linear-gradient(to left, #70C1B3, #50514F); } .bg-image-full { background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } /* * Dummy devices (replace them with your own or something else entirely!) */
.product-device {
position: absolute; right: 10%; bottom: -30%; width: 300px; height: 540px; background-color: #333; border-radius: 21px; -webkit-transform: rotate(30deg); transform: rotate(30deg);
}
.product-device::before {
position: absolute; top: 10%; right: 10px; bottom: 10%; left: 10px; content: ""; background-color: rgba(255, 255, 255, .1); border-radius: 5px;
}
.product-device-2 {
top: -25%; right: auto; bottom: 0; left: 5%; background-color: #e5e5e5;
}