/****** Media Queries *****/

/* for 1200px or less */
@media screen and (max-width: 1200px) {
	.container { margin:0 2%; width:auto}
}

/* for 1100px or less */
@media screen and (max-width: 1100px) {
	#top.smaller #maintopwrap { position:relative}
	#uppertopleft,
	#uppertopright,
	#countyname,
	#logo { float:none; width:100%; text-align:center}
	#ptpp-label,
	#uppertopbtns { float:none; display:inline-block; vertical-align:top}
	#navbar .container { margin:0}
	#pagenav { display:none}

}

/* for 960px or less */
@media screen and (max-width: 960px) {
	#main-content {}
	.home #main-content .entry .content-column { float:none; width:100%!important; text-align:center}
	.home #main-content .entry .content-column img { float:none!important; display: block; margin-left: auto; margin-right: auto;}
	.home #main-content .entry .content-column h3 br { display:none}
	#enroll-today h1 { font-size:30px}
	#enroll-today p br { display:none}
	.btn-button a { font-size:13px; padding:8px 20px;}

    .home .entry h3 { font-size:20px}

    #footer-infos { margin-bottom:30px}
    #countynavi h4 { font-size:20px}

	#logo-footer,
	#footernav { text-align:center; float:none; width:100%}
	#footernav > ul > li { float:none; display:inline-block; vertical-align:top}
	#texascountynav ul li a { font-size:12px}

	#texascountynav { max-width:inherit}
}

/* for 655px or less */
@media screen and (max-width: 655px) {
	body { position:inherit; font-size:14px}
}

/* for 500px or less */
@media screen and (max-width: 500px) {
	.alignright,
	.alignleft,
	.alignnone{ float:none!important; display: block; margin-left: auto; margin-right: auto;}

	#ptpp-label { margin-bottom:10px; display:none}
    #uppertopbtns { padding:0; margin:10px 0 0 0; width:auto}
	#uppertopbtns ul li { display:inline-block; width:120px;}
	#uppertopbtns ul li a { display:block; font-size:14px}
}