/*!

* 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;

}