@media only screen and (max-device-width: 706px) {body {font-size: 125%;}
#youtube, #search, #navigation, #gte, #slides {display: none;}
hr {width: 100%;}
p {font-family: "Eras ITC", "Eras Medium ITC", "Tahoma", Arial, sans-serif; text-align:left;}
p.mobile {font-family: "Eras ITC", "Eras Medium ITC", "Tahoma", Arial, sans-serif; text-align:center;}
p.mobile5 {font-family: "Eras ITC", "Eras Medium ITC", "Tahoma", Arial, sans-serif; text-align:left; font-size: 50%;}
.show {font-family: "Eras ITC", "Eras Medium ITC", "Tahoma", Arial, sans-serif; text-align: left; display: block; font-size: 75%;}
br.mobile, hr.mobile {display: block;}
p.desktop, table.mobile1, ul.desktop {display: none;}
a.site:link {color:#7db713; text-decoration:none; font-size: 75%;}
a.site:visited {color:#7db713; text-decoration:none; font-size: 75%;}
a.site:active {color:#7db713; text-decoration:none; font-size: 75%;}
.left {text-align:left; font-size: 75%;}
td.sitelist {text-align:left; font-size: 75%;}
/* US & MEX Sprite */
img.us1, .mex1 {background: url(images/us-mex1.png) no-repeat;}
img.us1 {background-position: 0 0; width: 29px;}
img.mex1 {background-position: -30px 0; width: auto;}
/* Slideshow */
.fluid_container {display: none;}
/* White Space Links */
a.page:link {color:#1c1b20;}
a.page:visited {color:#1c1b20;}
a.page:active {color:#1c1b20;}
a.page1:link {color:#1c1b20; text-decoration:none;}
a.page1:visited {color:#1c1b20; text-decoration:none;}
a.page1:active {color:#1c1b20; text-decoration:none;}
a.page2:link {color:#1c1b20; text-decoration:none; font-size: 50%}
a.page2:visited {color:#1c1b20; text-decoration:none; font-size: 50%}
a.page2:active {color:#1c1b20; text-decoration:none; font-size: 50%}
a.page4:link {color:#FFFFFF;}
a.page4:visited {color:#FFFFFF;}
a.page4:active {color:#FFFFFF;}
/* Pages */
#page, #page2 {width: 100%;}
#page1 {width: 75%;}
#header, #header1, #sitelist {background-size:100%; width: 100%;}
#footer {width: 100%;}
#globe {background-size:100%; width: 100%;}
#action {background-size:100%; width: 100%;}
#literature {background-size:100%; width: 100%;}
#events {background-size:100%; width: 100%;}
#about {background-size:100%; width: 100%;}
#contact {background-size:100%; width: 100%;}
/* Force table to not be like tables anymore */
table.mobile, td.mobile, table.sitelist, td.sitelist {display: block; width: auto;}
table.mobile2, td.mobile2 {text-align: left; font-size: 50%; width: auto;}
table.mobile3, td.mobile3 {text-align: left; font-size: 35%; width: auto;}
table.mobile4, td.mobile4 {text-align: left; font-size: 45%; width: auto;}
td.mobile1 {display: none;}
td.mobile5 {text-align: left; font-size: 45%; width: auto; background-color: DarkOrchid;}
.mobile, .back, .sitelist, .mobile6 {
/* Behave  like a "row" */
border: none;
position: relative;
}
/*Sliders1*/
.profile-imageNP:hover .info {font: 0.7em Eras ITC, Eras Medium ITC, Tahoma, Arial, sans-serif;}
.profile-imageMQ:hover .info {font: 0.7em Eras ITC, Eras Medium ITC, Tahoma, Arial, sans-serif;}
.profile-imageEB:hover .info {font: 0.7em Eras ITC, Eras Medium ITC, Tahoma, Arial, sans-serif;}
.profile-imageCF:hover .info {font: 0.7em Eras ITC, Eras Medium ITC, Tahoma, Arial, sans-serif;}
.profile-imageSC:hover .info {font: 0.7em Eras ITC, Eras Medium ITC, Tahoma, Arial, sans-serif;}
.profile-imageSP:hover .info {font: 0.7em Eras ITC, Eras Medium ITC, Tahoma, Arial, sans-serif;}
}
#nav-mobile {max-width: 75%; float: none; display: block; text-align: center; text-decoration: none; margin: auto; color: white; background-color: black;}
.button {width: 100px;}
img {width: auto; max-width: 75%; height: auto;}
.NP, .MQ, .EB, .CF, .SC, .SP {max-width: 100%}
.SKQ {width: auto; max-width: 200%; height: auto;}
.SKQ1 {width: auto; max-width: 125%; height: auto;}
/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}
/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}
/* Style the hamburger menu */
.topnav .icon {
  background: url(../images/Icons/hamburger-icon-white2.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 19px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-position: center;
  position: absolute;
  right: 0;
  top: 0;
}
/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #70be44;
  color: black;
}
/* Style the active link (or home/logo) */
.active {
  background-color: #70be44;
  color: black;
}
.fa-bars {color: white;}
#navigation1, #css3menu2, .topmenu {display:none;}