/* 
  -----------------------------------
  Adaptations
  by Project Seven Development
  www.projectseven.com
  Layout 4 - Media Queries
  -----------------------------------
*/

/*For Narrow Windows*/
@media only screen and (min-width: 0px) and (max-width: 679px) {
body {
	min-width: 320px;
}
#layout {
	width: auto;
}
.three-column-column1, .three-column-column2, .three-column-column3 {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.three-column-content {
	height: auto !important;
	max-height: 888678px; 
} 
#p7PMM_1 ul a.pmmfirst {
	border-radius: 5px 5px 0px 0px;
}
#p7PMM_1 ul ul a.pmmfirst {
	border-radius: 0px 0px 0px 0px;
}
.p7PMMh19 ul, .menu-bar {
	display: block;
	width: 100%;
}
.p7PMMh19 li, .menu-bar li {
	float: none;
	display: block;
}
.p7PMMh19 a, .menu-bar a {
	padding: 5px 20px;
	background-position: left center !important;
	border-right: none;
}
.p7PMMh19 ul ul a {
	background-position: right center !important;
}
.p7PMMh19 ul div {
	margin: auto !important;
	margin-left: 30% !important;
}
.p7PMMh19 ul ul div {
	margin: auto !important;
	margin-top: -40px !important;
	margin-left: 80px !important;
}

}

/*2 Column for Medium Windows*/
@media only screen and (min-width: 680px) and (max-width: 979px) {
#layout {
	width: auto;
}
.three-column-column1 {
	width: 49%;
	margin-right: 2%;
}
.three-column-column2 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.three-column-column3 {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.three-column-column3 .three-column-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}
.p7PMMh19 ul, .menu-bar {
	display: block;
	width: 100%;
}
.p7PMMh19 li, .menu-bar li {
	float: none;
	display: block;
}
.p7PMMh19 a, .menu-bar a {
	padding: 5px 20px;
	background-position: left center !important;
	border-right: none;
}
.p7PMMh19 ul ul a {
	background-position: right center !important;
}
.p7PMMh19 ul div {
	margin: auto !important;
	margin-left: 30% !important;
}
.p7PMMh19 ul ul div {
	margin: auto !important;
	margin-top: -40px !important;
	margin-left: 80px !important;
}
}


/*Tablet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
body {
	min-width: 0px;
}
#layout {width: auto;}
#masthead h1 {font-size: 4em;}
.navigation {font-size: 1.5em;}
.main-content .content {font-size: 1.5em; line-height: 1.35;}

.three-column-column1 {
	width: 49%;
	margin-right: 2%;
}
.three-column-column2 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.three-column-column3 {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.three-column-column3 .three-column-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}
#p7PMM_1 ul a.pmmfirst {
	border-radius: 5px 5px 0px 0px;
}
#p7PMM_1 ul ul a.pmmfirst {
	border-radius: 0px 0px 0px 0px;
}
.p7PMMh19 ul, .menu-bar {
	display: block;
	width: 100%;
}
.p7PMMh19 li, .menu-bar li {
	float: none;
	display: block;
}
.p7PMMh19 a, .menu-bar a {
	padding: 5px 20px;
	background-position: left center !important;
	border-right: none;
}
.p7PMMh19 ul ul a {
	background-position: right center !important;
}
.p7PMMh19 ul div {
	margin: auto !important;
	margin-left: 30% !important;
}
.p7PMMh19 ul ul div {
	margin: auto !important;
	margin-top: -40px !important;
	margin-left: 80px !important;
}
}

/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
body {
	min-width: 0px;
}
.navigation {font-size: 1.2em;}
#layout {width: auto;}

}

/*Smartphones Landscape*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
body {min-width: 0px;}
#layout {width: auto;}
#masthead h1 {font-size: 5em;}
#masthead .subhead {
	font-size: 1.35em;
	margin-top: -0.75em;
	margin-bottom: .75em;
}
.navigation {font-size: 2em;}
#footer {
	font-size: 1.35em;
}
.p7PMMh19 ul, .menu-bar {
	display: block;
	width: 100%;
}
.p7PMMh19 ul ul {
	width: auto !important;
}
.p7PMMh19 li, .menu-bar li {
	float: none;
	display: block;
}
.p7PMMh19 a, .menu-bar a {
	padding: 10px 28px;
	background-position: left center !important;
}
.main-content .content {font-size: 1.8em; line-height: 1.35;}
.three-column-column1 {
	width: 49%;
	margin-right: 2%;
}
.three-column-column2 {
	width: 49%;
	margin-right: 0px;
	margin-bottom: 15px;
}
.three-column-column3 {
	width: 100%;
	float: none;
	margin-bottom: 15px;
}
.three-column-column3 .three-column-content {
	height: auto !important;
	max-height: 888678px; 
	clear: both;
}
}
/*1 Column for Smartphone Portrait*/
@media only screen and (max-device-width: 480px) and (orientation : portrait) {
body {min-width: 0px;}
#layout {width: auto;}
#masthead h1 {font-size: 7em;}
#masthead .subhead {
	font-size: 1.35em;
	margin-top: -0.75em;
	margin-bottom: .75em;
}
#footer {
	font-size: 1.4em;
}
.navigation {font-size: 2.5em;}
.main-content .content {font-size: 2.5em; line-height: 1.35;}
.three-column-column1, .three-column-column2, .three-column-column3 {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.three-column-content {
	height: auto !important;
	max-height: 888678px; 
}
#p7PMM_1 ul a.pmmfirst {
	border-radius: 5px 5px 0px 0px;
}
.p7PMMh19 ul, .menu-bar {
	display: block;
	width: 100%;
}
.p7PMMh19 ul ul {
	width: auto !important;
}
.p7PMMh19 li, .menu-bar li {
	float: none;
	display: block;
}
.p7PMMh19 a, .menu-bar a {
	padding: 10px 28px;
	background-position: left center !important;
}
.p7PMMh19 ul ul a {
	padding: 5px 28px;
}

.p7PMMh19 ul div {
	margin: auto !important;
	margin-left: 35% !important;
}
.p7PMMh19 ul ul div {
	margin: auto !important;
	margin-top: -40px !important;
	margin-left: 80px !important;
}
}