html, body{
	height: 100%;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
.container{
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	max-width: 1000px;
	min-height: calc(100vh + 40px);
	padding: 20% 0;
	margin: 0 auto;
}
.container .box{
	width: 200px;
	background-color: #000;
	padding: 28px 30px 10px;
	margin: 0 auto;
}
.logo,
.logo-text{
	max-width: 100%;
	height: auto;
}
.logo{
	width: 100%;
	margin-bottom: 10px;
}
.logo-text{
	width: 100%;
}

.container p{
	margin: 20px 0;
	font-family: arial, sans-serif;
	font-size: 26px;
	text-align: center;
}
.triangles{
	width: 260px;
	height: 610px;
	background: url(triangles.svg) repeat-y;
	background-size: 100% auto;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.container{
		padding: 15% 0;
	}
}
@media (min-width: 992px) {
	.container{
		padding: 6% 0;
	}
}