:root {
    --text-color: #888;
    --background-color: #fff;
    --first-brand-color: #b2171f;
    --second-brand-color: #dc7634;
    --main-font: sans-serif;
  
    font-size: 100%;
    font-size: calc(14px + 0.3vw);
  }

/*
.accesspage, .privacy {
	background-color: #c3c4c9;
	background-image:  url(../images/footer.png), url(../images/bg.jpg);
	background-position:  center bottom, center top;
	no-background-attachment: fixed, fixed;
	background-repeat: no-repeat, no-repeat;
	background-size: 90% auto, 100% auto;
	min-height: 100vh;	
	padding-bottom: 10%;
	box-sizing: border-box;
}

.accesspage .page {
	display: block;
}
.accesspage .page .main {
	margin-top: 40%;
}

*/


.streampage {
	background: whitesmoke;
}
.accesspage article {
	width: 70%;
}

article {
	max-width: 98%;
}
article img {
	display: block;
	margin: 0 auto;
}

.choose {
	text-align: center;
}

.main .wrap {
	padding: 0;
}

form, #access {
	border: none;
	padding: 1.5em;
	background: #fff;
	position: relative;
}

.accesspage .row .col:last-child {
	padding-top: 8vw;
}

fieldset {
	padding: 1vh 3%;
}

input + label a {
	display: contents;
	font-weight: bold;
}

.section-box {
  border: none;
  background: #fff;
  padding: 5% 5% 0 5%;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}


@media (max-width: 849px) {

/*
	.accesspage {
		background-position: center bottom, left top;
		no-background-attachment: scroll, fixed;
		background-size:  98% auto, 230% auto;		
	}
	

	
	.iframe-scroll {
		min-height: 500px;
	}
	
	*/
}

@media  (min-width: 850px) { 


	.accesspage article {
		width: 60%;
	}

	.row {
		flex-direction: row;
	}
/*
	.col.stream {
		width: 65%;
	}
	
	#stream-qa.expired .stream {
		margin: 0 auto;
	}
	
	.col.qa {
		width: 33.5%;
	}
	
	*/
}