html {
    height: 100%;
    background-color: #343a40;
    font-family: Segoe UI;
    font-weight: 100;
    text-align: center;
	background-image: url(img/background.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (min-width: 992px) {
    .navbar {
        height:50px;
    }
}

#logo {
	width: 400px;
	height: 200px;
	position: center;
	font-size: 2.5vh;
    position: relative;
	left: 10%;
	top: 130;
    transform: translateX(-50%);
    margin-top: -20vh;
    transition: 0.3s;
    color: white;
	background: url(img/logo.png) no-repeat;
	background-size: 100%;
}


.contentpos {
    position: relative;
	left: 25%;
    margin-top: 15vh;
}

.contentpos2 {
    position: fixed;
	left: 50%;
    margin-top: 15vh;
}

body {
     background: transparent;
}
  
.app {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
  
.app > section {
    display: block;
    margin: 0 auto;
    width: 500vw;
	background: white;
}

.signup-b {
    overflow: hidden;
    padding: 1.5vw;
    border: 1px solid #ddd;
}

div.b {
    position: absolute;
    left: 20px;
    width: 250px;
    height: 120px;
    color: white;
  }