html{
	margin: 0;
	padding: 0;
	width:100%;
background-color: #fff;
}


.description {
margin: 0 auto;
width: 60%;
font-family: "Avenir Heavy", Helvetica, sans-serif;
}


p {
margin-top: 20px;
font-size: 24px;
font-weight: 200;
color: #0023FF;

}


a{

}

p a {
  color: #0023ff;
  border-bottom: 2px solid #0023ff;
  text-decoration: none;
  padding-bottom: 2px;
  line-height: 2;
}
p a:hover{
border-bottom: 3px solid #0023ff;

}

#info{
width: 100%;
position: relative;
top: 0;
left: 0;
height: auto;
}

#content{
position: relative;
width: 100%;
display: inline-block;
}

.titlename {
margin-top: 35px;
font-weight: 600;
font-size: 55px;
display: block !important;
color: #0023ff;
letter-spacing: 3px;
text-align: center;
width: 100%;
position: relative;
margin-bottom: -14px;
font-family: sans-serif;
}

.description {
margin: 0 auto;
width: 60%;
POSITION: static;
color: #0023ff;
}

.description p {
font-size: 26px;
font-weight: 200;
color: #0023ff;
margin-bottom: 20px;
padding: 20px;
}

#titleline {
height: 30px;
background-color: #eee;
margin-top: -30px;
margin-bottom: 15px;
margin-left: 0px;
width: 40%;
display:block !important;
z-index: 99999;
min-width: 450px;
}




.navlinks{
color: #0023ff;
position: relative;
width: 100%;
margin-top: 35px;
z-index: 999999;
background-color: #f9f9f9;
height: 100%;
padding-bottom: 25px;
border-top: 1px dashed #ff0000;
  font-family: "Avenir Heavy", Helvetica, sans-serif;
}

.navlinks h1{
font-size: 18px;
padding-top: 0;
font-weight: 400;


padding-top: 10px;
display: inline-block;
padding-right: 50px;
padding-left: 50px;
}

.navlinks h2{
font-size: 12px;
font-weight: 100;
color: #ff0000;
padding-left: 50px;
}

.navlinks h3{
font-size: 12px;
margin-left: 35px;
color: #ff0000;
font-weight: 100;
border-bottom: 1px solid #ff0000;
}

.navlinks h1 a {
color: #ff0000;
font-weight: 400;
text-decoration: none;
padding-bottom: 3px;
border-bottom: 2px solid #ff0000;

display: inline-block;
}

.navlinks h1 a:hover{
border-bottom: 3px solid #FFF;
}

.navlinks h2 a{
font-size: 12px;
font-weight: 100;
text-decoration: none;
color: #ff0000;
border-bottom: 1px solid #ff0000;

}

.navlinks h2 a:hover{
border-bottom: 2px solid #FFF;

}

.navlinks table td{
	vertical-align: top;
}

#bottomborder {
width:100%;
position: fixed;
bottom: 0px;
height: 10px;
background-color: #0668B3;
}


#tweetbox{
padding-right: 20px;
color: #0023ff;
margin-top:50px;
}


img{
width: 100%;
padding-bottom: 20px;
padding-top: 20px;
}


@media only screen and (min-width: 641px) and (max-width: 1000px) {

}

@media only screen and (max-width: 640px) {
	html{
		margin: 0;
		padding: 0;
		width:100%;
	background-color: #fff;
	}


	.description {
	margin: 0px;
	width:100%;
	background-repeat: no-repeat;
	background-size: cover;
	font-family: "Avenir Heavy", Helvetica, sans-serif;
	}


	p {
	margin-top: 20px;
	font-size: 24px;
	font-weight: 200;
	color: #0023FF;

	}


	a{

	}

	p a{
	font-size: 18;
	font-weight: 200;
	color: #fff;
	border-bottom: 1px solid #FFF;
	text-decoration: none;
	padding-bottom: 2px;
	line-height: 2;
	}

	p a:hover{
	border-bottom: 3px solid #FFF;

	}

	#info{
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	height: auto;
	}

	#content{
	position: relative;
	width: 100%;
	display: inline-block;
	font-family: "Avenir Heavy", Helvetica, sans-serif;

	}

	#content p a{

		  color: #0023ff;
		  border-bottom: 2px solid #0023ff;
		  text-decoration: none;
		  padding-bottom: 2px;
		  line-height: 2;
			font-family: "Avenir Heavy", Helvetica, sans-serif;


	}

	.titlename {
	margin-top: 35px;
	font-weight: 600;
	font-size: 55px;
	display: block !important;
	color: #0023ff;
	letter-spacing: 3px;
	text-align: center;
	width: 100%;
	float: right;
	position: relative;
	margin-bottom: -14px;
	font-family: sans-serif;
	}

	.description {
	/* text-align: right; */
	width: 100%;
	float: right;
	background-color: #0023ff;
	}

	.description p {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	margin-bottom: 20px;
	padding: 20px;
	}

	#titleline {
	height: 30px;
	background-color: #eee;
	margin-top: -30px;
	margin-bottom: 15px;
	margin-left: 0px;
	width: 40%;
	display:block !important;
	z-index: 99999;
	min-width: 450px;
	}




	.navlinks{
	color: #0023ff;
	position: relative;
	width: 100%;
	margin-top: 35px;
	z-index: 999999;
	background-color: #f9f9f9;
	height: 100%;
	padding-bottom: 25px;
	border-top: 1px dashed #ff0000;
	border-bottom: 1px dashed #ff0000;
	  font-family: "Avenir Heavy", Helvetica, sans-serif;
		text-align: center;
	}

	.navlinks h1{
	font-size: 18px;
	padding-top: 0;
	font-weight: 400;
	display: block;
	text-align: center;
	padding-top: 10px;
	}

	.navlinks h2{
	font-size: 12px;
	font-weight: 100;
	color: #ff0000;
	text-align: left;
	}

	.navlinks h3{
	font-size: 12px;
	margin-left: 35px;
	color: #ff0000;
	font-weight: 100;
	border-bottom: 1px solid #ff0000;
	}

	.navlinks h1 a {
	color: #ff0000;
	font-weight: 400;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 2px solid #ff0000;

	}

	.navlinks h1 a:hover{
	border-bottom: 3px solid #FFF;
	}

	.navlinks h2 a{
	font-size: 12px;
	font-weight: 100;
	text-decoration: none;
	color: #ff0000;
	border-bottom: 1px solid #ff0000;

	}

	.navlinks h2 a:hover{
	border-bottom: 2px solid #FFF;

	}

	#bottomborder {
	width:100%;
	position: fixed;
	bottom: 0px;
	height: 10px;
	background-color: #0668B3;
	}


	#tweetbox{
	padding-right: 20px;
	color: #0023ff;
	margin-top:50px;
	}


	img{
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	}

}
