#mobile_nav {
	display: block;
}

#hero_video {
	height: 50vh;
}

#hero_video video {
	height: 100%;
	width: initial;
}

#hero_image {
	height: 45vh;
}

#hero_image img {
  height: 100%;
  width: initial;
}

h2 {
	font-size: 2.5rem;
}

h4 {
	font-size: 1rem;
}

p {
	font-size: 1.2rem;
}

nav {
	display: none;
}

header a#downloads {
	display: none;
}

header {
	display: block;
	text-align: center;
	top: 2vh;
	height: 20vh;
	margin-top: 0;

}

#hero_text {
	position: absolute;
	width: 100%;
	top: 12rem;
	left: 0;
	font-size: 1.3rem;
	text-align: center;
	backdrop-filter: blur(2px) brightness(85%);
	padding: 2% 0
}

#hero_text a {
	display: none;
}

#hero_text_alt {
	position: absolute;
  width: 90%;
  top: 12rem;
  left: 5%;
  text-align: center;
	background-color: rgba(0, 0, 0, 0.25);
	padding: 1%;
}

#hero_text_alt h1 {
	font-size: 1.75rem;
}

#hero_text_alt2 h1 {
	font-size: 1.75rem;
}

#hero_text_alt2 {
	position: absolute;
  width: 90%;
  top: 12rem;
  left: 5%;
  text-align: center;
	background-color: rgba(0, 0, 0, 0.25);
	padding: 1%;
 }

section#mainContent {
	width: 100%;
	padding: 5vh 10vw;
}

section#mainContentAlt {
	width: 80%;
  padding: 0;
  margin: 3vh 10% 2vh 10%;
  text-align: center;
}

section#constructionMilestones {
	padding: 4rem 2rem;
	text-align: left;
}

section#constructionMilestones h2 {
	font-size: 1.3rem;
	margin-bottom: 0	;
}

section#p401Main {
  padding: 3rem;
}

#cardsHolderConstruction {
	white-space: wrap;
	text-align: center;

}

#cardsHolder {
	white-space: wrap;
	text-align: center;
	padding: 0 5vw;
}

.cards {
	width: 80%;
	margin: 1.25rem;
}

#firstCardConstruction {
	margin: 1.25rem;
}

.constructionCards {
	margin: 1.25rem;
	width: 80%;
}

i#card_slide_left, i#card_slide_right {
	display: none;
}

section#collaborators {
	padding: 2rem;
}

section#collaborators #logos img {
  padding: 2rem 5rem;
}

section#collaborators #logos {
	flex-wrap: wrap;
	margin: 1rem 0;
}

form#contact {
	width: 85%;
	margin: 2rem auto 0 auto;
}

form#contact input[type="submit"] {
	width: 60%;
}

form#contact .consent {
	margin-right: 0;
}

#success_msg, #failure_msg {
	font-size: 1rem;
}

section#rebuild_footer {
	padding: 2rem;
}

section#rebuild_footer img {
	height: 100%;
	width: initial;
	max-width: initial
}

section#rebuild_footer p {
	width: 100%;
	line-height: 1.9rem;
	font-size: 1rem;
}

section#rebuild_footer h1 {
	font-size: 1.75rem;
}

footer {
	padding: 1rem 2rem;
}

footer p {
	font-size: 1rem;
}

.modal-content {
	margin: 5% auto;
	padding: 5%;
	width: 80%;
	text-align: left;
}

.file-list p {
	font-size: 1rem;
}

.close-btn {
	font-size: 3rem;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0
}

.accordion {
	padding: 5%;
}

.panel {
  justify-content: center;
}

.panel img {
  width:46%;
  max-width: 150px;
  height: auto;
  object-fit: cover;
  cursor: pointer;
  margin: 1vh 1%;
  border-radius: 0.25rem;
}
