/* General page style attributes */

body {
background-color: #fff;
font-size: 26px;
}

a {
	text-decoration: none;
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;
	color:#666;
	word-spacing: 0;
	line-height: 150%;
	margin: 0;
}

a:hover {
	color: #FF0066;
}


#name {
	font-family: 'Teko', sans-serif; 
	font-size: 60px;
	color:#666;
	letter-spacing: 1px;
	border:3px solid #666;
	padding: 2% 0% 2% 0%;
}

.middlename {
	color: #999;
}

.middlename a{
	font-family: 'Teko', sans-serif; 
	font-size: 60px;
	color: #999;
}

.center-div
{
  margin: auto;
  margin-top: 18%;
  width: 640px;
  max-width: 95%;
  height: 70px;
  text-align:center;
}

@media(max-width:640px){a{font-size: 20px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 64px; padding: 2%;}}

@media(max-width:540px){a{font-size: 16px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 56px; padding: 2%;}}

@media(max-width:520px){a{font-size: 14px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 46px; padding: 2%;}}

/*@media(max-width:420px){a{font-size: 24px;} #sites a{padding: 0 50px;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 36px; padding: 2%;}}*/

/*@media(max-width:325px){a{font-size: 22px;} #sites a{padding: 0 50px;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 30px; padding: 2%;}}*/

@media(max-width:480px){a{font-size: 18px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 44px; padding: 2%;}}

@media(max-width:430px){a{font-size: 14px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 38px; padding: 2%;}}

@media(max-width:360px){a{font-size: 14px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 38px; padding: 2%;}}

@media(max-width:320px){a{font-size: 12px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 34px; padding: 2%;}}

@media(max-width:240px){a{font-size: 12px;} #sites a{padding: 0;} .center-div{margin-top: 10%; width: 90%;} #name{font-size: 22px; padding: 2%;}}

#nav {
	width: 100%;
	overflow: hidden;
}

#sites {
	display: inline-block;
	overflow: hidden;
	padding: 5% 5%;
}


.center-div-bot
{
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: auto;
}

/* footer */

#bottom {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#FF0066;
	font-weight:normal;
	margin: 5px auto;
	text-align:center;
}

#bottom a, #bottom a:visited{
color: #666;
font-size:12px;
text-decoration:none;
}

#bottom a:hover{
color: #FF0066;

}