left: calc(50% - 35px);
transform: translateX(-50%);
.icon-iconmonstr-infinity-1:before {
position: absolute;
content: "\e900";
font-size: 40px;
top: -9px;
right: 151px;
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.footer h1 a {
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 1.8rem;
color: #fff;
top: 34px;
}
.footer h1 a span {
font-size: 1.8rem;
font-weight: 300;
}
.footer .footer-logo {
margin: 0 auto;
}
<div class="footer-logo">
<h1><a href="#" class="icon-iconmonstr-infinity-1"><span>Creative</span> Box</a></h1>
</div>
<div class="main-video">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="video-text">
<h3 class="near-titles">Best People</h3>
<h2>
Interview
</h2>
<p class="under-title">Do you consider yourself a designer, or have you evolved more into a business executive with a design perspective?</p>
<div class="play-video">
<button class="video-btn">Play</button>
<a>Watch Video</a>
</div>
</div>
</div>
</div>
</div>
</div>
.main-video {
position:relative;
width: 100%;
background: url(../img/video.jpg) 50% no-repeat #FEF4F3;
background-size: cover;
min-height: 600px;
}
.main-video .video-text {
position: absolute;
background-color: #fff;
padding-right: 50px;
padding-top: 50px;
bottom: 0px;
}