html{
  	height: 100%;
	display: table;
	width: 100%;
  }
  body{
	text-align:center; 
	font-family:arial; 
	font-size:16px;
	background: url("bg.jpg") no-repeat fixed center;
	display: table-cell;
	vertical-align: middle;
  }
  div{
	margin:0 auto;
	background:rgba(255,255,255,0.5);
	padding:20px;
	border-radius:10px;
	border:1px solid #c7352e
  }
  @media (min-width: 768px){
	div{width:30%}
  }
  @media (max-width: 768px){
	div{width:80%}
  }
  a{
	color:#000;
  }
  a:hover{
	color:#c7352e
  }
  img{
	width:100%
  }
  hr{
	  color:#c7352e;
  }