@media only screen and (orientation: portrait), (max-width: 750px)
{
	html {
	  overflow-y: scroll;
	}

	body {
		background-color: lightskyblue;
		margin: 0px;
	}

	.gradien{
		z-index: -1;
		width: 100%;
		height: 350px;
		position: absolute;
		background: -moz-linear-gradient(top, rgba(28,28,28,0.2) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(28,28,28,0.2) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(28,28,28,0.2) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.page-wrap{
		max-width: 100%;
		margin: 0 auto;
		display: block;
	}

	h2{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.header{
		overflow: auto;
		width: 100%;
		padding: 20px 0px;
		font-family: Arial, Helvetica, sans-serif;
		background-color: lightslategray;
	}
	
	.header img{
		max-width: 100%;
		height: auto;
	}

	.loc{
		background-color: rgba(255,255,255,0.4);
		font-size: 30px;
	}

	.nav{
		display: block;
		background-color: #333;
		color: white;
		font-family: 'Roboto Slab',serif;
	}

	.nav .left{
		display: block;
		width: 100%;
		font-size: 30px;
		line-height: 30px;
		text-align: center;
	}
	
		
	.nav .left a:link, a:visited{
		color: lightgray;
	}

	.nav .left a:hover, a:active{
		color: white;
	}

	.nav .right{
		display: block;
		width: 100%;
		font-size: 30px;
		text-align: center;
		line-height: 30px;
	}

	.menu{
		display: block;
		padding: 0px;
		border: 0px;
		font-size: 19px;
		width: 100%;
	}

	.menu ul{
		overflow: hidden;
		padding: 0px;
		margin: 0px;
	}

	.menu li{
		float: left;
		width: 100%;
		list-style-type: none;
	}

	.menu li.active{
		border-bottom: 4px solid #EEE;
		margin-top: -4px;
		list-style-type: none;
	}

	.menu li:nth-child(2).active
	{
		border-bottom: 4px solid #333;
	}

	.menu li:not(:first-child){
		border-bottom: 1px solid gray;
	}

	.menu li:nth-child(1)
	{
		background-color: #FF6961;
	}

	.menu li:nth-child(2)
	{
		background-color: #FDFD96;
	}

	.menu li:nth-child(3)
	{
		background-color: #77DD77;
	}

	.menu li:nth-child(4)
	{
		background-color: #50C3C9;
	}

	.menu .t{
		padding: 0 17px;
		top: 20px;
		position: relative;
	}

	.menu li a{
		display: block;
		cursor: pointer;
		height: 80px;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		font-size: 35px;
		line-height: 40px;
		color: #333;
	}

	.menu li a:visited{
		color: #333;
	}

	.menu li a:active{
		color: #333;
	}

	.menu li a:hover{
		background-color: white;
		color: #333;
	}

	.sidebar{
		display: block;
		width: 200px;
		margin-top: 10;
	}

	.content{
		display: block;
		margin-top: 0;
		padding : 25px;
		background-color: rgba(255,255,255,0.4);
		font-family: Arial;
		min-height: 500px;
		font-size: 25px;
	}

	tr:nth-child(odd){
	  background-color: rgba(255,255,255,0.07);
	}

	tr:nth-child(even){
	  background-color: rgba(0,0,0,0.07);
	}

	hr{
	  width: 650px;
	  border-color: #ccc #ccc #888 #ccc;
	}

	.footer{
		background-color: #1C1C1C;
		height: 10px;
	}
}