* {
				font-family: Arial, sans-serif;
				box-sizing: border-box;
			}

			html {
				height: 100%;
			}


			body {
				height: 100%;
				margin: 0;
				padding: 0;
				display: grid;
  				grid-template-rows: 1fr auto;
				background-color:#c7d8df;
			}

		
			p, ul, a {
				font-family:Arial;
				font-size:18px;
				line-height:150%;
				text-align:justify;
				color:#666666;
			}
			
			.center {
			  margin: auto;
			  width: 100%;
			  padding:0 20px;
			}
			
			.center img {
				max-width:354px;
				width:80%;
				display:block;
				margin-left:auto;
				margin-right:auto;
			}


			footer p {
				font-family:Arial;
				font-size:18px;
				line-height:150%;
				color:#999999;
				text-align:center;
			}

			a {
				color:#666666;
				text-decoration:none;
			}

			p a:hover {
				border-bottom:1px dotted #cccccc;
			}

			@media only screen and (min-width: 768px) {
			  .center { width: 85%; }
			} 

			@media only screen and (min-width: 992px) {
			  .center { width: 70%; padding-top:50px; }
			} 

			@media only screen and (min-width: 1200px) {
			  .center { width: 800px; }
			  footer a {font-size:18px;}
			  p, ul, a {font-size:24px;}
			}