html,body{
    height:100%;
    overflow:hidden;
}
body{
    margin:0px;
    padding:0px;
    position:relative;
}
video{
    position: absolute;
    top: 50%; 
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto;
    z-index: -1000; 
    overflow: hidden;
}
.wrapper{
    position:relative;
    background-color:#F2ECE7d9;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.wrapper > div{
    text-align:right;
}
.wrapper > main{
    position: relative;
    text-align: center;    
    height:100%;
    background-image:url('../img/bale.svg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
}
img.phone{ width:300px; margin:50px 80px; }
img.wolkers{ width:150px; margin:50px 80px; }

@media( max-width:800px ){
    img.phone{ width:80%; margin:10%; }
    img.wolkers{ width:80%; margin:10%; }
}


.tlf_stub {
    position: absolute;
    top: 50px;
    right: 95px;
    font-family: 'PT Sans', sans-serif;
    font-size: 30px;
    display: inline-block;
    text-decoration: none;
    color: #b38757;
    transition: all .3s;
}

.stub_link img{
    position: absolute;
    width: 600px;
    bottom: 0;
    margin: auto;
    left: calc( 50% - 300px );
    opacity: 1;
    transition: all .3s;
}

.stub_link img:hover,
.tlf_stub:hover {
    opacity: .6;
}



@media screen and (max-height: 700px) and (min-width: 1201px) {
    .stub_link img {width: 340px; left: 50%; transform: translateX(-50%);}
}



@media screen and (max-height: 800px) and (min-width: 1501px) {
    .stub_link img {width: 340px; left: 50%; transform: translateX(-50%);}
}


@media only screen and (max-width : 1024px) {
    .stub_link img {width: 400px; transform: translateX(-50%); left: 50%;}
    .tlf_stub {font-size: 20px; right: 80px;}
    img.phone { width: 214px; margin: 47px 60px; }
}


@media only screen and (max-width : 768px) {
    img.wolkers {width: 170px;}
}



@media only screen and (max-width : 540px) {
    .tlf_stub {top: 30px; right: auto; left: 50%; transform: translateX(-50%); font-size: 22px;}
    img.phone {width: 80%; margin: 19px 60px;}
    .stub_link img {width: 280px;}
}


@media only screen and (max-width : 380px) {
    .tlf_stub {font-size: 18px;}
}