body{
font-family: 'Lato', sans-serif;
    font-size: 16px;

	padding:0px;
	margin:0px;
}

#container{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
	
ul#menu{
	width:10%;
	height:100%;
	position:fixed;
	margin:0px;
	padding:0px;
	display:block;
}

ul#menu li{
	text-align:center;
	height:14.28%;
	border-bottom:1px solid #ECF0F1;}

ul#menu li.today{
	background:#ECF0F1;
}

ul#menu a{
	margin:50% 0px 0px 0px;
	display:block;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	text-decoration:none;
}



ul#menu a .d{
	font-size:1.75em;
	color:#111;
	padding-top:15%;
	font-weight:400;
	line-height: 100%;
	color:#E74C3C;


}

ul#menu a .m{
	font-size:1em;
	color:#CCC;
	text-transform:uppercase;
	font-weight:400;
	color:#2C3E50;


}

div#workouts{
	width:90%;
	height:100%;
	position:absolute;
	left:10%;
	right:10%;
	overflow:hidden;
	background:#ECF0F1;
	top:0px; !important;
}



div#workouts .day{
	height:100%;
	min-width:100%;
	position:static;
	top:0px;
	margin-bottom:300%;}


div#workouts .title{
	background:#2C3E50;
	margin-top:0px;
	padding:5% 0% 5% 5%;
	color:#fff;
}


div#workouts .day .wod{
	padding:20px 20px 20px 5%;
	color:#2C3E50;
}

div#workouts .day h2{
	color:#E74C3C;
	font-size:1.2em;
	margin:0px;
}


/* Small Devices, Tablets */
/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    
body {
        font-size: 11.5px;
    }

div#workouts {
	width:80% !important;
	left:20% !important;

}

ul#menu {
	width:20% !important;
}

ul#menu a .d{
	padding-top:35%;
}