*, *::before, *::after {
  box-sizing: inherit;
} 

body {
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}

.soon-wrapper {
    position:relative;
    width:100%;
    height:100vh;
}

.soon-container {
    position:relative;
    width:100%;
    height:100vh;
    display:table;
    margin:0 auto;  
    background-image: url('../img/bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
}

.soon-box {
    position:relative;
    width:100%;
    display: table-cell;
    vertical-align: middle; 
    
}

.soon-box-inner {
    position: relative;
    margin: 0 auto;
    background: #fff;
    max-width: 320px;
    height: auto;
    box-shadow: 0px 14px 38px rgba(0, 0, 0, 0.14);
    border-top: 5px solid #186128;
    margin-top:20px;
    margin-bottom:20px;
    padding:80px 35px;
    border-radius:9px;
    overflow:hidden;
}

.logo {
    padding:0px;
}

h1 {
    position:relative; 
    width:100%;
    max-width: 200px;
    font-family: sans-serif;
    text-align:center;
    font-weight: 800;
    font-size:22px;
    margin:0 auto;
    text-transform: uppercase;
    margin-top:40px;
    color:#444;
    
}