body {

	font-size: 100%;
	background:#ebeced;
	margin:auto;
	word-wrap: break-word;
}
a {
	text-decoration: none;
}
ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.title {
	background-color: #E4122F;
	color: #FFF;
	padding: 1%;
	display: block;
}

h1 {
	max-width: 1024px;
	margin: auto;
	font-size: 5em;
	font-family: "Verdana";
}

.bar {
	background-color:#FFF;
	width:100%; 
	height:5%; 
	position:relative;
	color:#E4122F;
	font-weight:bold;
	font-family: "Verdana";
	padding:0.5em;
	text-align:center;
}

#content {	
	max-width: 1024px;
	margin: auto;
	font-size: 1em;
	display:block;
}
.menu {
	width: auto;
	height: auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	display:block;
}
.menu > li > a {	
	width: 100%;
	height: 5em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 1000;
	color: #FFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,.5);
	font-size: 2em;
	
}

.menu ul li table {
	background: #fff;
	display: block;
	position: relative;
	max-width:1024px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: 400;
	color: #878d95;
	padding:2%;
}

.menu ul li a {
	background: #fff;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: 400;
	color: #878d95;
	padding:2%;
	text-align:center;
}

.menu ul li a:hover {
	color:#E4122F;
}

.menu > li > a:hover, .menu > li > a.active {
	-webkit-filter: brightness(120%);
}

.menu > li > a.active {
	border-bottom: 1px solid #1a638f;
	-webkit-filter: none;
}

.bg {
	-webkit-filter: none;
	padding:none;
	width: 1024px;
	overflow:hidden;
	position:relative;
	clip: rect(0,0,200px,0);
	-webkit-transition: all 0.5s;
	z-index:-1;
}

.topic {
	color: #FFF;
	font-size:1.5em;
	font-Weight: bold;
	position: absolute;
	left:0;
	background: rgba(0,0,0,0.6);
	z-index:1;
	margin-top:5%;
	text-overflow: ellipsis;
	max-width:100%;
	padding: 1%;
}

footer {
	background-color: #E4122F;
	color: #FFF;
	display: block;
	position:absolute;
	z-index:1;
	width:100%;
}

.social {
	padding:2em;
	color:#FFF;
	font-weight:bold;
	font-family: "Verdana";
	width:25%;
	display:inline-block;
	margin:auto;
	float:left;
}


@media all and (max-width: 1024px){
	body {
		word-wrap: break-word;
	}
	.bar {
        display: none;
    }
    .title {
        position:fixed;
        width:100%;
        display:block;
        height:5em;
        left: 0px;
        top: 0px;
        z-index:1;
    }
    h1 {
		margin: auto;
		font-size: 5em;
		font-family: "Verdana";
		text-align: center;
	}
	.menu{
        margin-top:6em;
        width: 100%;
    }
	.menu > li > a {	
		width: 100%;
		height: 15em;
		display: block;
		position: relative;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 1000;
		color: #FFF;
		text-shadow: 2px 2px 2px rgba(0,0,0,.5);
		font-size: 2em;
	}
	.topic {
		color: #FFF;
		font-size:2.5em;
		font-Weight: bold;
		position: absolute;
		background: rgba(0,0,0,0.6);
		z-index:0;
		word-wrap: break-word;
		max-width:90%;
	}
	.social {
		display: block;
		margin:auto;
	}
	.social > p {
		display: none;
	}
	.menu ul li a {
		font-size: 2.5em;
	}
	.menu ul li table {
		font-size: 3em;
		display: table-row;
		width:100%;
	}
	tr { 
		display: table;
		padding:1%;
	}
	td { 
		display: table-row;
		padding:1%;
		width:100%;
	}
}