.full-page-slide, footer, #covid, .breadcrumbs  {display:none !important}

main#main {overflow: initial}

#main, #main a, #main a:hover, h1, h2, h3, h4, p {color:white !important}

h1 {font-size:46px; line-height:1em}

h2 {font-size:30px; line-height:1.2em}

h3 {font-size:24px; line-height:1.3em}

p {margin:20px 0; font-size:16px !important; line-height:26px !important}

#intro, #intro2, #intro3, #intro4, #areas-intro, #areas, #atcg, #easing_wrapper, #sv-video {
	width:100%;
	height:100%;
	left:0%;
	top:0%;
	background-size: cover !important;
}

#intro {background:url(/sites/default/files/media/images/2020-10/sv-intro.jpg) no-repeat center center fixed; z-index:101}

#intro2 {background:url(/sites/default/files/media/images/2020-10/sv-tapestry.jpg) no-repeat center center fixed; z-index:102}

#intro3 {background:url(/sites/default/files/media/images/2020-10/sv-tapestry.jpg) no-repeat center center fixed; z-index:103}

#intro4 {background:url(/sites/default/files/media/images/2020-10/sv-lights_0.jpg) no-repeat center center fixed; z-index:104}

#areas-intro {background:url(/sites/default/files/media/images/2020-10/sv-lights_0.jpg) no-repeat center center fixed; z-index:105}

#areas {background:url(/sites/default/files/media/images/2020-10/sv-lights_0.jpg) no-repeat center center fixed; z-index:106}

#atcg {background:url(/sites/default/files/media/images/2020-10/sv-atcgs_0.jpg) no-repeat center center fixed; z-index:107}

#easing_wrapper {z-index: 108}

#intro div, #intro2 div, #intro3 div, #intro4 div, #areas-intro div, #areas div  {
	 text-align: left;
	 width:50%;
	 top:30%;
	 left:25%;
	 font-size: 18px !important;
 }

#intro2 div div, #intro3 div div, #intro4 div div, #areas-intro div div, #areas div div {
	width:auto;
	height:auto;
	top:auto;
	left:auto;
	color: white;
}

#intro img {max-width:200px; width:33%; margin-left:33%}

#years div {margin-top:30%; perspective: 800px;}

#years img {max-width:220px; transform: rotate3d(0, 1, 0, 30deg);}

#sv-four {
	max-width:665px;
}

#sv-four div {
	max-width:320px;
	height:100px;
	float:left;
	margin:20px 25px 20px 0;	
}

#sv-four img {
	width:120px;
	float:left; 
	margin-right:15px
}

#areas-intro div {width:65%}

#areas div {top:22%; min-height:50%; min-width:50%; display:block }

#areas div div {max-width:100%; position:absolute}

#areas img {max-width:150px; margin-bottom:20px}

#areas ul {list-style-image: url(/sites/default/files/media/images/2020-10/sv-star.png);}

#areas li {margin:10px 0} 

/*#sv-video {
	display: flex;
  	align-items: center;
  	justify-content: center;
	z-index:109;
}
iframe {max-width:70%}*/

#sv-video {
	top:25%;
	left:25%;
	width:50%;
	z-index:111;
}

#sv-video p {
	font-size:13px !important; margin-top:-5px
}

iframe {
	width:720px;
	height:405px;
	max-width:100%;
}

#last {
	top:20%;
	left:10%;
	z-index:110;
	color:white;
}

#people {
	left:0%;
	width:100%;
	height:100%;
	z-index: 109;
}

/* -- -- */
 
#sv-footer {
    left:0;
	background:black; 
    width:100% !important;
	height:140px; 
	bottom:0; 
	z-index:114; 
}

#sv-footer div {
	max-width:1100px;
	margin:15px auto;
}

#sv-footer div #logos {
	width:40%;
}

#sv-footer div div {
	display:block;
	height:140px;
	float:left;
	width:20%;
}
#sv-footer svg {
	height:70px;
}

#sv-footer img {
	height:40px;
	margin-right:40px;
}

#sv-footer ul {
	margin-top:0;
	padding-top:0;
	list-style:none;
	font-size:13px;
}

#sv-footer li {
	padding-bottom:10px
}

#bg1 {
	z-index:102;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/sites/default/files/media/images/2020-10/sv-seq2.png);
	background-size: cover 80%;
}

#bg2 {
	z-index:102;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(/sites/default/files/media/images/2020-10/sv-seq1.png); 
	background-size: cover 80%;  
}

#dl-button {
	left:20px; 
	bottom:50px;
	z-index:113;
	color: white !important;
}

#progress {
	left:0;
	height:1%;
	background:#444;
	bottom:0;
	z-index:203;
}

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:300;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}

#arrow-container {
	width: 80px !important;
	animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
	cursor: pointer;
	margin:80px auto;
  }
  
#arrow-down {
	height: 4px;
	background: white;
	transform: rotate(45deg);
	transform-origin: 0% 0%;
	border-radius: 2px;
  }

#arrow-down:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 100%;
	border-radius: 5px;
	background: white;
	transform: rotate(-90deg);
	transform-origin: 0% 100%;
}

.arrow:after {font-size:18px; margin-left:0px; vertical-align:middle;}
  
@keyframes bounce {
  50% {
	  transform: translateY(-15px);
	}
}

.skrollable {
		position:fixed;
		z-index:100;
}
	
.skrollr-mobile .skrollable {
		position:absolute;
}
	
.skrollable .skrollable {
		position:absolute;
}
	
.skrollable .skrollable .skrollable {
		position:static;
}

@media (max-width: 1024px) {

	#sv2020 {
        height:100vh;
        min-height:100vh;
	}

	h1 {font-size:38px}

	#intro div, #intro2 div, #intro3 div, #intro4 div, #areas-intro div, #areas div, #sv-video, #last {
		width:65%;
		top:25%;
        left:15%;
	}

	#areas-intro div, #areas div, #last {top:15%}

	#years {margin-top:20%}

	iframe {
		width: 640px;
		height: 350px;
		max-width:100%;
	}

	#people {
		width:120%;
		padding:16em 0 0 0;
		margin:0 -25%
	}

	#arrow-container {
		width: 50px !important;
	}
	
	#sv-four div {
		max-width:none;
		height:none;
		float:none;
		clear:left;
		margin:0;	
	}
	
	#sv-four img {
		width:70px;
		float:left; 
		margin:0 15px 25px 0
	}

	#sv-footer #logos {
		display:none
	}

	#sv-footer div div {
		width:30%
	}
	
  }

@media screen and (max-width:767px) {

    #sv2020 {
        height:64vh;
        min-height:64vh;
    }

    #dl-button {
        left:2vh; 
        bottom:4vh;
	}
	
	#progress {height:2vh}

	h1 {font-size:28px}

    h2 {font-size:26px}

	h3 {font-size:22px}
	
	p, li, #sv-four div {font: size 14px !important; line-height:23px !important}

	#intro div, #intro2 div, #intro3 div, #intro4 div, #areas-intro div, #areas div, #sv-video, #last {
		width:87%;
		top:10%;
		left:5%;
	}

    #years {margin-top:40%}

    #years img {max-width:160px}

    #sv-four img {width:60px}  

	#sv-four br, #sv-footer #logos, #sv-footer #footer-links1, #sv-footer #footer-links2  {display:none !important}  
	
	#sv-footer #forefront {display:inline-block; width:100%; text-align: center;}
	
	#areas div {top:5%}

	#areas img {width:30%; margin-bottom:20px}

	#sv-video {top:20% !important}

	#sv-video p {line-height: 16px !important}

	#last {top:3% !important}

	#people {
		width:180%;
		padding:10em 0 0 0;
		margin:0 -45%
	}

	#arrow-container {
		width: 30px !important;
    }  
}

@media screen and (max-width:600px) {
	iframe {width:444px; 
		height:250px; 
		max-width:100%;	}
}


@media screen and (max-width:400px) {

	h1 {font-size:24px}
	
	h2 {font-size:22px}

	h3 {font-size:18px}

	p, li, #sv-four div, #last {font-size:13px !important; line-height:20px !important}

	#intro div {top:15%}
	
    #years {margin-top:50%}

	#years img {max-width:100px}
	
	#sv-four img {
		width:40px;
		margin:0 15px 15px 0
	}
	
}