body {
	margin: 0;
}

.BodyWrapper {
	display: grid;
	height: 100%;
	height: 100vh;
	grid-template-rows: auto 1fr auto;
}

header {
	background: #253978;
	background: #3E5CAA;
	/* background: #B6262A; */
	/* padding: 2rem; */
}

.Download{
	width: 100%;
	height: 150px;
	text-align: center;
	background-color: #B6262A;
	padding-top: 1%;
}
.Download p{
	font-family: 'BebasNeue-Regular';
	font-size: 1.5em;
}

.CatalogIMG{
	width: 100%;
	height: auto;
}


.FooterContainer {
	/* We first create a flex layout context */
	display: flex;
	/* Then we define the flow direction
	   and if we allow the items to wrap
	 * Remember this is the same as:
	 * flex-direction: row;
	 * flex-wrap: wrap;
	 */
	flex-flow: row wrap;
	padding: 0;
	margin: 0;
	list-style: none;

	width: 100%;
	height: 150px;
	text-transform: uppercase;
	font-family: 'BebasNeue-Regular';
}

.FooterItem {
	background: #1D1D1B;
	background: #253978;
	width: calc(100%/3);
	height: 100%;
	color: white;
}

.CenterElement {
	display: flex;
	justify-content: center;
	align-items: center;
}
.FooterLeftIcons{
	height: 45px;
	width: 60px;
}

.FooterCenter{
	position: relative;
	display: inline-block;
}
.FooterCenterArrow {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);

	width:60px;
	height:60px;
	background-color:#ED7628;
	color:#ED7628;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
}
.FooterCenterArrowV{
	color: #FFF;
	width: 41px;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 15%;
}
.FooterCenterImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 80px;
	width: 80px;
}
.FooterCenterParagra {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFEC00;
	letter-spacing: 13px;
	font-size: 1.5em;
	width: 100%;
	text-align: center;
}

.FooterRight{
	display: flex;
	justify-content: right;
	align-items: center;
}

.FooterRightUL{
	list-style: none;
	text-align: right;
	margin: 30px 50px; /*Top botom, left right*/
	font-size: 1.5em;
}



@media only screen and (max-width: 800px) {
	.Download p{
		font-family: 'BebasNeue-Regular';
		font-size: 1em;
	}
	.btn .circle{
		width: 40px !important;
		height: 40px !important;
	}
	.btn svg {
		width: 17px !important;
		height: 21px !important;
		margin: 11px 0 0 -1px !important;
	}

	.FooterCenterParagra {
		font-size: 1em;
	}
	.FooterItem{
		width: calc(100%/1);
	}
	.CenterElement, .FooterRight{
		display: none;
	}
	.Download, .FooterContainer{
		height: 100px;
	}
}