design.css

@media only screen and (min-device-width: 768px)
{
.main{
	width: 60%;
	border: double #000 5px;
	border-radius: 10px;
	margin:auto;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}
}
@media only screen and (max-device-width: 768px)
{
	.main{
		font-size:1em;
		width: 100%;
		margin:auto;
		text-align: center;
		background-color: rgba(0,0,0,0.5);
	}
}
/****************************************/
@font-face {
    font-family: my;
    src: url(OLDENGL.ttf);
}
body{
	color: #fff;
	font-family: sans-serif;
	background-image: url('bg.jpg');
	margin:0px;
}
.top{
	width:100%;
}
.banner{
	font-size:2.5em;
	background-color:#000;
	color:#fff;
	font-family:my;
}
.footer{
	margin-top: 10px;
	background-color:#000;
	color:#fff;
	font-family:my;
}
.ad{
	margin:1%;
	background-color:yellow;
}

.content{
	margin-left:auto;
	margin-right: auto;
	width:96%;
}
.con{
	background-color: rgba(0,0,0,0.2);
	padding: 1%;
	margin-top: 5px;	
	
}
.con h2{
	margin-top: 5px;
	text-align:left;
	margin-bottom:0px;
}
.con h3{
	margin-top:0px;
	text-align:right;
}
.con p{
	margin-bottom: 5px;
	text-align:left;
}
h4,h5{
	text-shadow: #989898 2px 2px 2px;
}
.lft{
	text-align: left;
}
.rght{
	text-align: right;
}
hr{
	width: 60%;
}
.acnt{
	margin: auto;
	width:60%;
}
.acnt td{
	width:33%;
}
.btn{
	margin-top: 10px;
}