html, body {
	/*overflow-y: hidden!important;*/
	font-family: 'Fira Sans', sans-serif;
}

#app {
	/*padding-top: 150px;*/
	height: 100vh;
}

a {
	color: #67c23a!important;
}

.container:first-child {
	margin-left: 0px;
}

.with-pattern {
	background-color: #fff;
	background-image: url("data:image/svg+xml,<svg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd'><g fill='%23d4d4d4' fill-opacity='0.4'><path d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/></g></g></svg>")!important;
}

/*
x4kaajG0tMU
zh7GEuORbUw
F_IST8bKxhI
toxlLueLNDs
O1gHgEagQ9U
qtzzQjEmB54
DUlv4REB91Y
h8_8UjwLne8
 */

#left-pane {
	width: 100%;
	height: 100vh;
	background: url(workshop.jpg);
	/*background-position: -50%;*/
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px;
	position: relative;
}

#right-pane {
	padding: 30px!important;
}

@media screen and (min-width: 1215px) {
	#right-pane {
		padding: 40px 60px!important;
	}
}

@media screen and (min-width: 1407px) {
	#right-pane {
		padding: 80px 130px!important;
	}
}

.social {
	margin-top: 50px;
	text-align: center;
}

.social li {
	display: inline-block;
	padding: 15px;
}

.bottom-left {
	position: absolute;
	left: 30px;
	bottom: 30px;
}

.bottom-right {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 151.5px;
}

p {
	text-align: center;
}

label {
	font-weight: 700;
}

.ribbon {
	position: absolute;
	bottom: 0;
	right: 0;
	/*background: rgba(255, 255, 255, .5);*/
	width: 100%;
	padding: 30px 0px;
}

.ribbon img {
	max-width: 200px;
	margin-right: 40px;
	float: right;
}

.ribbon li {
	height: 30px;
}

.subtitle {
	margin-bottom: 50px!important;
}

form {
	position: relative;
}

.mask {
    position: absolute;
    z-index: 10000;
    background-color: rgba(255,255,255,.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}