/* Move down content because we have a fixed navbar that is 3.5rem tall */

html,body{
    overflow-x:hidden;
}
.bg-light {
    background: #c4c4c4;
}

h1,
h2 {
    font-family: 'Nunito';
    color: #6C6562;
}

p {
    font-family: 'Quicksand';
    font-size: 1.2em;
    line-height: 1.5em;
    color: #9C928D;
    font-weight: 400;
}

.vh-70 {
    min-height: 55vh;
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.btn,
.btn:active {
    color: #fff!important;
    border-radius: 50px;
    padding: .5em .7em .6em .7em;
    -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.14);
}

.cardboard {
    background: #BDB6AF;
    border: none;
}

.cardboard:hover {
    background: #B4AAA0;
}

.green {
    background: #00A188;
}

.green:hover {
    background: #11C8AB;
}

.advantage {
    margin-bottom: 2.5em;
}

.advantage > div {
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.jumbotron {
    position: relative;
}
.jumbotron:after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: calc(50% - 150px);
        background: url(images/scotch.svg) no-repeat;
        background-size:contain;
       
        display: block;
        width: 300px;
        height: 160px;
    
    }
.lalinea .container{
     background: url(images/line-cushy.svg) center center no-repeat;
    background-size:contain;
}
    .jumbotron figure{
        margin-left:-2em;
        margin-right:-7em;
        opacity:0.6;
        z-index:-1}
		
		
		video {
  width: 100%;
  max-height: 100%;
}