@charset "UTF-8";

.mainbox{margin:0 0 3em 0}

.mainbox p{margin:0.5em;}

.title{
	
	}



.eventname{font-size:1em;padding-left:1em;}

.details1{
margin-top:1em;
padding:1em;
text-align:center;}

.details2{padding:1em 2em;}

.details3{display:block;
                   margin:1em 0 00;
				   text-align:center;}

.details3 a{
	display:block;
	width:15em;
	height:4em;
	line-height:4em;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	background:#768682;
	border-radius:0.5em;
	-webkit-box-shadow: 6px 10px 6px -6px #777 inset;
	-moz-box-shadow: 6px 10px 6px -6px #777 inset;
	box-shadow: 6px 10px 6px -6px #777 inset;
	margin:0 auto;
	}
	
.details3 a:hover{
	background:#A7C9AF;
                                  }
								  

@media only screen and (min-width: 769px) {			  


.details1 img{width:70%;

}