@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500;700&display=swap');
/*
$small_only: 'max-width: 39.937em'; // max 638
$medium_up: 'min-width: 40em'; // min 640
$large_up: 'min-width: 64em'; // min 1024
$xlarge_up: 'min-width: 75em'; // min 1200
$xxlarge_up: 'min-width: 87.500em'; // min 1400
$xxxlarge_up: 'min-width: 100em'; // min 1600

	*/

body {
	margin: 0;
	padding-right: 0.625rem;
    padding-left: 0.625rem;

  /* sticky footer */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Roboto', sans-serif;
}

.grid-container {
	width: 100%;
	max-width: 800px;

    margin: 55px auto 0;
    position:relative;

    flex:1;
}

footer {
	padding: 40px;
	max-width: 100%;

}

.footer-content{
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	color: #8D8D8D;
	font-size: 14px;
	font-weight: 700;

}

.footer-content a,.footer-content span {
	color:	#8D8D8D;
	text-decoration: none;
	font-size: 11px;
	font-weight: 500;
	}

.footer-content a:hover {
	text-decoration: none;
	}



video {
	max-width: 100%;
	width: 100%;
}



.scroll {
	margin: 80px auto;
	width: 100%;
	min-height: 30px;
}

.mobile {
	display: none;
}

.text-right {
	text-align: right
	}


@media screen and (max-width: 39.937em) {

	.grid-container {
		margin-top: 102px;
		/*margin-bottom: 80px;*/
		}

	.desktop {
		display: none;
	}
	.mobile {
		display: block
	}

	.footer-content{
		grid-template-columns: repeat(1,1fr);
		text-align: center;
		line-height: 27px;
	}

	.footer-content a {
		display: block
	}

.text-left {
	text-align: center;
	display: block;
	margin-bottom: 33px;
	}
.text-right {
	text-align: center
	}
}