@charset "utf-8";
html,
body {
   margin:0;
   padding:0;
   height:100%;
   background:#190827;
}
#container {
    min-height: 100%;
    position: relative;
    font-family: arial;
    padding-top: 40px;
    font-size: large;
    
}
.cover-container.d-flex.h-100.p-3.mx-auto.flex-column .inner.cover address {
   color: white;
font-size: small;
}

#header {
   background:#ff0;
   padding:10px;
    max-width: 700px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
   
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	font-family: arial;
	text-align: center;
	font-size: 10px;
	color: white;
	padding-top: 26px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 11px;
	background-color: #8219ff;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 a:link {color:#8219ff;}
 a:hover {color:#000000;}

 .responsive {
  width: 100%;
  height: auto;
  max-width: 700px;
}