/* Styles for All devices screens */
main > section:first-child{
	background-color: var(--indigo-color);
	width: 100%;
}
main > section:first-child > h1 {
	position: absolute;
	top: 20%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	color: var(--white-color);
	font-family: proxima-nova-extra-bold, Arial, "Times New Roman", sans-serif, Serif;
	font-size: 70pt;
}
main > section:first-child > svg{
	width: 100%;
	height: 100%;
}
main > section:first-child > #largeToolbar{
	display: none;
}
main > section:last-child{
	padding: 4% 4% 0 4%;
}
main > section:last-child > h2 {
	margin-bottom: 2.5%;
	font-family: proxima-nova-bold, Arial, "Times New Roman", sans-serif, Serif;
	font-size: 30pt;
}
main > section:last-child > div {
	min-height: 300px;
	background-color: var(--white-color);
	padding: 6% 7% 7% 7%;
}
.dFlexRow{
	display: flex;
	flex-direction: row;
}
.dFlexColumnCenter{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.dFlexRowBetween{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.dFlexColumnBetween{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dFlexRowBetweenWrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
div.secDivChild3111{
	width: 65%;
}
div.secDivChild3111 > img{
	/*width: 202px;*/
	width: 85%;
}
div.secDivChild212{
	margin-left: 1rem;
}
p.pChild1{
	font-size: 20pt;
}
ul.secUlChild1{
	margin-top: 5%;
	padding-left: 5%;
}
ul.secUlChild1, a.secAChild1{
	font-size: 18pt;
}
div.secDivChild312 > button.secDivBtnChild1, div.secDivChild31 > button.secDivBtnChild1{
	font-family: proxima-nova-bold, Arial, "Times New Roman", sans-serif, Serif;
	border: none;
	color: var(--white-color);
	height: 40px;
}
div.secDivChild312 > button.secDivBtnChild1{
	background-color: var(--medium-blue-green-color);
	width: 135px;
	border-radius: 20px;
	margin-top: 7%;
}
div.secDivChild31 > button.secDivBtnChild1{
	background-color: var(--tomato-red-color);
	width: 100%;
	border-radius: 5px;
	margin-top: 7%;
	margin-bottom: 5%;
	display: none;
}
button.secDivBtnChild1, div.secDivChild3121, div.secDivChild212, div.secDivChild3112{
	font-size: 15pt;
}
div.secDivChild3112{
	text-align: center;
}
.div.secDivChild3121{
	text-align: center;
}
div.secDivChild211{
	color: var(--medium-blue-green-color);
}
div.secDivChild31{
	width: 100%;
}
div.secDivChild1{
	padding: 10%;
}
div.secDivChild21{
	display: none;
}

/* Styles for small devices screens */
@media (min-width: 576px) {}

/* Styles for medium devices screens */
@media (min-width: 768px) {}

/* Styles for large devices screens */
@media (min-width: 992px) {}

/* Styles for extra-large devices screens */
@media (min-width: 1200px) {
	main > section:first-child > h1 {
		top: 20%;
		margin-left: 2.5%;
		margin-right: 2.5%;
		font-size: 100pt;
	}
	main > section:first-child > #largeToolbar{
		display: block;
		width: 100%;
		height: 100%;
	}
	main > section:first-child > #smallToolbar{
		display: none;
	}
	div.secDivChild31{
		width: 55%;
	}
	div.secDivChild3{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	div.secDivChild31{
		width: 55%;
	}
	div.secDivChild21{
		display: flex;
	}
	ul.secUlChild1{
		margin-left: 2%;
	}
	div.secDivChild31 > button.secDivBtnChild1 {
		display: inline-block;
	}
	ul.secUlChild1{
		margin-top: 0;
	}
}

/* Styles for small devices screens */
@media (min-width: 576px) {}

/* Styles for medium devices screens */
@media (min-width: 768px) {}

/* Styles for large devices screens */
@media (min-width: 992px) {}

/* Styles for extra-large devices screens */
@media (min-width: 1200px) {}
