html {font-family:open_sansregular;}
#newslettertoggle {display:none; z-index:1000; transform-origin:0 0;}
    /* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-width : 600px) {
/* Styles */
#newslettertoggle {font-size: 13px; position: fixed;top: 0px; left:0; bottom:0; right:  0; border: 1px solid #FFF;background-color: #2a2c2f;padding-top: 10px; font-family: open_sansregular;line-height: 15px; color:#d29606; opacity:.95; }
#newslettertoggle span.mobonly {font-size:16px; text-align:center; display:block; width:60%; line-height:22px; margin:20px auto; color:#fff}
#newslettertoggle span.mobhidden {display:none; color: #fff;}
#newslettertoggle b {font-size:15;  line-height:30px; font-size:28px; width:60%; display:inline-block;}
#newslettertoggle form {width: 100%; text-align:center; margin-top:20%;}
#newslettertoggle form button {color: #FFF;border: 1px solid #d9d9d9; position:relative; margin:0 auto; padding: 3px;font-family: open_sansregular;background-color: #083252;}
#newslettertoggle form button:hover {cursor:pointer; color: #000;background-color:#FFF;}
#newslettertoggle img {width: 30px; height: 30px; position:absolute; right:7px; top:7px;}
#newslettertoggle img:hover {cursor:pointer;}
#newslettertoggle input {margin:10px auto; position: relative;display: block;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 601px) 
and (max-width : 1024px) {
#newslettertoggle {font-size: 13px; position: fixed;top: 0px; left:0; bottom:0; right:  0; border: 1px solid #FFF;background-color: #2a2c2f;padding-top: 10px; font-family: open_sansregular;line-height: 15px; color:#d29606; opacity:.95; }
#newslettertoggle span.mobonly {font-size:16px; text-align:center; display:block; width:60%; line-height:22px; margin:20px auto; color:#fff;}
#newslettertoggle span.mobhidden {display:none;}
#newslettertoggle b {font-size:15;  line-height:30px; font-size:28px; width:60%; display:inline-block;}
#newslettertoggle form {width: 100%; text-align:center; margin-top:15%;}
#newslettertoggle form button {color: #FFF;border: 1px solid #d9d9d9; position:relative; margin:0 auto; padding: 3px;font-family: open_sansregular;background-color: #083252;}
#newslettertoggle form button:hover {cursor:pointer; background-color:#FFF;color: #000;}
#newslettertoggle img {width: 30px; height: 30px; position:absolute; right:7px; top:7px;}
#newslettertoggle img:hover {cursor:pointer;}
    div input {margin:10px auto; position: relative;display: block;}
}


@media only screen 
and (min-width : 1025px) {
#newslettertoggle .mobonly {display:none;}
#newslettertoggle {font-size: 12px; position: fixed;top: 35px; right:  27px;height: 65px; background-color: #2a2c2f;padding-top: 10px;width: 250px;font-family: open_sansregular;line-height: 15px; color:#fff; opacity:.9;}
#newslettertoggle b {font-size: 16px; line-height: 17px; font-weight: 800;color:#d29606;}
#newslettertoggle form {left:5px; position:absolute; margin-top: -2px;text-align: center;width: 95%;}
#newslettertoggle form button {color: #FFF;border: 1px solid #d9d9d9;top: 37px;right: 0px;position: absolute;padding: 3px;font-family: open_sansregular;background-color: #083252;}
#newslettertoggle form button:hover {cursor:pointer; background-color:#FFF;color: #000;}
#newslettertoggle img {width: 15px; height: 15px; position:absolute; right: 3px; top: 3px;}
#newslettertoggle img:hover {cursor:pointer;}
#newslettertoggle input {margin: 9px 69px 0 0px;position: relative;display: block;float: right;}}