body {
font-family: 'Gilroy';
margin: 0px;
padding: 0px;
background: #000000;
color: #ffffff;
}



/* 3d Scenic */

.scenic-text {
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}




/* Link */

a {
color: #E3C828;	
text-decoration: underline;
}


a:visited {
color: #E3C828;	
text-decoration: underline;
}


a:hover {
color: #4FC6F9;
text-decoration: underline;
}


a.mapLink {
font-weight: bold;
color: #383F67;
text-decoration: none;
}


a.mapLink:visited {
font-weight: bold;
color: #383F67;
text-decoration: none;
}

a.mapLink:hover {
font-weight: bold;
color: #4FC6F9;
text-decoration: none;
}



/* Footer */

#footer {
margin-top: 1.2em;
padding-top: 2.2em;
}



@media (max-width: 575.98px) { 
.footercontent {
	 text-align: center;
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#formContent {
text-align: left;	
}

#sertnumber {
width: 93%;	
}

}
@media (min-width: 576px) and (max-width: 767.98px) {
.footercontent {
	 text-align: center;
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	

#formContent {
text-align: left;	
}

#sertnumber {
width: 93%;	
}


}
@media (min-width: 768px) and (max-width: 991.98px) {
	
.footercontent {
	 text-align: center;
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}	

#formContent {
text-align: left;	
}

#sertnumber {
width: 93%;	
}

	
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.footercontent {
	 text-align: center;
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#formContent {
text-align: center;	
}



}
@media (min-width: 1200px) {
.footercontent {
	 text-align: center;
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#formContent {
text-align: center;	
}



}