.station-table td {padding-left:5px;padding-right:5px;font-size:small;border:1px solid black;}
.station-page-info-table td {padding-left:5px;padding-right:5px;font-size:small;border:1px solid black;}
.bard-table td {padding-left:5px;padding-right:5px;font-size:small;border:1px solid black;}
.bard-table-container {width:760px;height:500px;font-size:small;overflow-x:scroll;overflow-y:scroll;border-top:2px solid #ccc;border-left:2px solid #ccc;}
.bard-table-mobile{display:none;}
/*.fig-berkeley-news-style {margin:30px;width:468px;max-width:100%;float:right;}*/
.fig-berkeley-news-style {margin:30px;width:375px;max-width:100%;float:right;} /*proposed change 2018/01/26*/
/*Try making seismapbox a wrapper*/
#seismapbox{width: 100%;margin-top:30px;max-width:750px;max-height:776px;margin-left:auto;margin-right:auto;}
#seismapiframe{width: 100%;max-width:750px;height:776px;-moz-box-shadow: 0 0 5px #8C8C8C;-webkit-box-shadow: 0 0 5px #8c8c8c;box-shadow: 0 0 5px #8c8c8c;}
/*#seismapiframe{width:750px;height:776px;margin-left:auto;margin-right:auto;-moz-box-shadow: 0 0 5px #8C8C8C;-webkit-box-shadow: 0 0 5px #8c8c8c;box-shadow: 0 0 5px #8c8c8c;}*/
#networkmapiframe{height:614px;width:826px;max-width:100%;}
/*Following code involves modernizr to detect touch capability, move earthquake map down on page if touch capable and still in flyout menu*/
/*.no-touchevents .map {}*/
/*No longer need to change the margin bc have filler message div*/
/*.touchevents .map {margin-top:224px !important;}*/
.fillermessage {display:none;}
.touchevents .fillermessage {display:block !important;}

a.more-link {text-decoration:none !important;}

/*Also see modifications to og-grid in components.css JTaggart 2017/04/20 */

@media screen and (max-width: 1200px) {
.bard-table-container {display:none;}
.bard-table-mobile{display:block;}
}


@media screen and (max-width: 1024px) {
#networkmapiframe{display:none;}
#networkmaplink{display:block;font-size:44px;line-height:44px;margin-top:20px;}
}

@media screen and (max-width: 767px) {
.tiny-table td {font-size:x-small;padding-left:0px;padding-right:0px;}
.station-table td {font-size:x-small;padding-left:0px;padding-right:0px;}
.fig-berkeley-news-style {margin-left: 0px;margin-right:0px;} 
div.map {margin-top:30px;}
/*Following code involves modernizr to keep earthquake map in regular position on touch capable devices when hamburger menu*/
/*.no-touchevents .map {}*/
.touchevents .map {margin-top:30px !important;}
.fillermessage {display:none;}
.touchevents .fillermessage {display:none !important;}
}


@media screen and (max-width: 767px) {
#seismapbox{width:90%;max-width:479px;height:495px;margin-left:auto;margin-right:auto;}
#seismapiframe{width:100%;max-width:479px;height:495px;}
}

@media screen and (max-width: 374px) {
#seismapbox{width:90%;max-width:320px;height:330px;margin-left:auto;margin-right:auto;}
#seismapiframe{width:100%;max-width:320px;height:330px;}
}