body{
background: url("/images/bg3-25.png") no-repeat center center fixed;
background-size: cover;
position: relative;
background-color:#efefef;
}
.email{
text-align:center; 
margin:0 auto;
text-decoration: none; font-size:22px;
}
a.email_link:link, a.email_link:visited, a.email_link:active {
color:#00306f; font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
/* mouse over link */
a.email_link:hover {
color:#022343;
text-decoration:underline;
}
#ptw{
text-align:center; 
color:#002776; 
font-size:31px; 
font-family:Arial, Helvetica, sans-serif; 
font-style:italic; 
letter-spacing:0.3em;
}
#footer{
 text-align:center; width:100%; overflow:hidden;
}
.center{
text-align:center;
}
#logo_img{
max-width: 98%;
text-align:center; 
margin:0 auto;
display: block; /* Optional, but often useful to prevent extra space below the image */
}
#logo{
text-align:center; margin:0 auto;
max-width:600px;
margin-top:40px;
}
.bracket{
color:#00306f;
font-size:42px;
}
.mag_blue{
color:#00306f; 
}
.green1 {
color:#009644;
}
#big{
display: block;
font-size:34px;
text-align:center;
margin:0 auto;
margin-top:15px;
}
.bold{ 
font-weight:700; 
}
#small{
display: none;
font-size:26px;
padding-top:50px;
text-align:center;
margin:0 auto;
}
#blue_line1{
width:200px;
text-align:center; 
margin:0 auto; 
border:3px solid #00306f; 
margin-bottom:8px;
}
#blue_line2{
width:200px;
text-align:center; 
margin:0 auto; 
border:3px solid #00306f; 
margin-top:8px;
}
#small_slogan{
font-family:Arial, Helvetica, sans-serif; 
text-align:center;
margin:0 auto; 
font-size:22px;
}
#top_border{
border-top: 4px solid #00306f;  
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 4px;
}
/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
@media only screen and (max-width : 1300px) {
#ptw{
 font-size:24px; letter-spacing:0.2em;
}
#logo{
max-width:500px;
margin-top:30px;
}
}
    /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}
    /* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
.ptw{
letter-spacing:0.2em;
}
#logo{
letter-spacing:0.1em;
margin-top:28px;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 825px) {
#big{
display: none;
}
#small{
display: block;
}
#ptw{
font-size:24px; 
}
}
@media only screen and (max-width : 650px) {

#logo{
letter-spacing:0.1em;
margin-top:20px;
}
.email{ 
text-decoration: none; font-size:17px;
}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}