@charset "UTF-8";blockquote,details{display:block}code,pre{background:var(--secondary-back-color)}blockquote,figure,hr,ol,p,pre,ul{margin:var(--universal-margin)}blockquote,figcaption{color:var(--secondary-fore-color)}.card,blockquote,code,kbd,sub,sup{position:relative}.card>.section,.row{box-sizing:border-box}.card,.card>.section{background:var(--card-back-color);color:var(--card-fore-color);width:100%}:root{--fore-color:#111;--secondary-fore-color:#444;--back-color:#f8f8f8;--secondary-back-color:#f0f0f0;--blockquote-color:#f57c00;--pre-color:#1565c0;--border-color:#aaa;--secondary-border-color:#ddd;--heading-ratio:1.19;--universal-margin:0.5rem;--universal-padding:1.125rem;--universal-border-radius:0.125rem;--a-link-color:#0277bd;--a-visited-color:#01579b;--card-back-color:#f8f8f8;--card-fore-color:#111;--card-border-color:#ddd}*,html{line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;color:var(--fore-color);background:var(--back-color)}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline dotted}input{overflow:visible}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:calc(1.5 * var(--universal-margin)) var(--universal-margin);font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--secondary-fore-color);display:block;margin-top:-.25rem}h1{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h2{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h3{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio))}h4{font-size:calc(1rem * var(--heading-ratio))}h5{font-size:1rem}h6{font-size:calc(1rem / var(--heading-ratio))}ol,ul{padding-left:calc(2 * var(--universal-margin))}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;line-height:1.25em;height:.0625rem;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}blockquote{font-style:italic;padding:calc(3 * var(--universal-padding));border:.0625rem solid var(--secondary-border-color);border-left:.375rem solid var(--blockquote-color);border-radius:0 var(--universal-border-radius) var(--universal-border-radius) 0}code,kbd{border-radius:var(--universal-border-radius);padding:calc(var(--universal-padding)/ 4) calc(var(--universal-padding)/ 2)}blockquote:before{position:absolute;top:calc(0rem - var(--universal-padding));left:0;font-family:sans-serif;font-size:3rem;font-weight:700;content:"\201c";color:var(--blockquote-color)}blockquote[cite]:after{font-style:normal;font-size:.75em;font-weight:700;content:"\a—  " attr(cite);white-space:pre}code,kbd,pre,samp{font-family:Menlo,Consolas,monospace;font-size:.85em}kbd{background:var(--fore-color);color:var(--back-color)}pre{overflow:auto;padding:calc(1.5 * var(--universal-padding));border:.0625rem solid var(--secondary-border-color);border-left:.25rem solid var(--pre-color);border-radius:0 var(--universal-border-radius) var(--universal-border-radius) 0}code,kbd,sub,sup{line-height:0;vertical-align:baseline}figcaption,small,sub,sup{font-size:.75em}sup{top:-.5em}sub{bottom:-.25em}a{text-decoration:none}a:focus,a:hover{text-decoration:underline}.container{margin:0 auto;padding:0 calc(1.5 * var(--universal-padding))}.row{display:flex;flex:0 1 auto;flex-flow:row wrap}.col-sm,.row[class*=cols-sm-]>*,[class^=col-sm-],[class^=col-sm-offset-]{box-sizing:border-box;flex:0 0 auto;padding:0 calc(var(--universal-padding)/ 2)}.col-sm,.row.cols-sm>*{max-width:100%;flex-grow:1;flex-basis:0}.col-sm-1,.row.cols-sm-1>*{max-width:8.33333%;flex-basis:8.33333%}.col-sm-offset-0{margin-left:0}.col-sm-2,.row.cols-sm-2>*{max-width:16.66667%;flex-basis:16.66667%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-3,.row.cols-sm-3>*{max-width:25%;flex-basis:25%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-4,.row.cols-sm-4>*{max-width:33.33333%;flex-basis:33.33333%}.col-sm-offset-3{margin-left:25%}.col-sm-5,.row.cols-sm-5>*{max-width:41.66667%;flex-basis:41.66667%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-6,.row.cols-sm-6>*{max-width:50%;flex-basis:50%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-7,.row.cols-sm-7>*{max-width:58.33333%;flex-basis:58.33333%}.col-sm-offset-6{margin-left:50%}.col-sm-8,.row.cols-sm-8>*{max-width:66.66667%;flex-basis:66.66667%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-9,.row.cols-sm-9>*{max-width:75%;flex-basis:75%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-10,.row.cols-sm-10>*{max-width:83.33333%;flex-basis:83.33333%}.col-sm-offset-9{margin-left:75%}.col-sm-11,.row.cols-sm-11>*{max-width:91.66667%;flex-basis:91.66667%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-12,.row.cols-sm-12>*{max-width:100%;flex-basis:100%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-normal{order:initial}.col-sm-first{order:-999}.col-sm-last{order:999}@media screen and (min-width:768px){.col-md,.row[class*=cols-md-]>*,[class^=col-md-],[class^=col-md-offset-]{box-sizing:border-box;flex:0 0 auto;padding:0 calc(var(--universal-padding)/ 2)}.col-md,.row.cols-md>*{max-width:100%;flex-grow:1;flex-basis:0}.col-md-1,.row.cols-md-1>*{max-width:8.33333%;flex-basis:8.33333%}.col-md-offset-0{margin-left:0}.col-md-2,.row.cols-md-2>*{max-width:16.66667%;flex-basis:16.66667%}.col-md-offset-1{margin-left:8.33333%}.col-md-3,.row.cols-md-3>*{max-width:25%;flex-basis:25%}.col-md-offset-2{margin-left:16.66667%}.col-md-4,.row.cols-md-4>*{max-width:33.33333%;flex-basis:33.33333%}.col-md-offset-3{margin-left:25%}.col-md-5,.row.cols-md-5>*{max-width:41.66667%;flex-basis:41.66667%}.col-md-offset-4{margin-left:33.33333%}.col-md-6,.row.cols-md-6>*{max-width:50%;flex-basis:50%}.col-md-offset-5{margin-left:41.66667%}.col-md-7,.row.cols-md-7>*{max-width:58.33333%;flex-basis:58.33333%}.col-md-offset-6{margin-left:50%}.col-md-8,.row.cols-md-8>*{max-width:66.66667%;flex-basis:66.66667%}.col-md-offset-7{margin-left:58.33333%}.col-md-9,.row.cols-md-9>*{max-width:75%;flex-basis:75%}.col-md-offset-8{margin-left:66.66667%}.col-md-10,.row.cols-md-10>*{max-width:83.33333%;flex-basis:83.33333%}.col-md-offset-9{margin-left:75%}.col-md-11,.row.cols-md-11>*{max-width:91.66667%;flex-basis:91.66667%}.col-md-offset-10{margin-left:83.33333%}.col-md-12,.row.cols-md-12>*{max-width:100%;flex-basis:100%}.col-md-offset-11{margin-left:91.66667%}.col-md-normal{order:initial}.col-md-first{order:-999}.col-md-last{order:999}}.button-group,.card{display:flex;margin:var(--universal-margin)}.card{flex-direction:column;justify-content:space-between;align-self:center;border:.0625rem solid var(--card-border-color);border-radius:var(--universal-border-radius);overflow:hidden}@media screen and (min-width:320px){.card{max-width:320px}}.card>.section{margin:0;border:0;border-radius:0;border-bottom:.0625rem solid var(--card-border-color);padding:var(--universal-padding)}.card>.section.media{height:200px;padding:0;-o-object-fit:cover;object-fit:cover}.card>.section:last-child{border-bottom:0}.button-group{border:.0625rem solid var(--button-group-border-color);border-radius:var(--universal-border-radius)}.button-group [type=button],.button-group>.button,.button-group>[role=button],.button-group>[type=reset],.button-group>[type=submit],.button-group>button{margin:0 .2rem;max-width:100%;flex:1 1 auto;text-align:center;border:0;border-radius:0;box-shadow:none}.button-group>:not(:first-child){border-left:.0625rem solid var(--button-group-border-color)}@media screen and (max-width:767px){.button-group{flex-direction:column}.button-group>:not(:first-child){border:0;border-top:.0625rem solid var(--button-group-border-color)}.hidden-sm{display:none!important}}@media screen and (min-width:768px) and (max-width:1279px){.hidden-md{display:none!important}}@media screen and (min-width:1280px){.col-lg,.row[class*=cols-lg-]>*,[class^=col-lg-],[class^=col-lg-offset-]{box-sizing:border-box;flex:0 0 auto;padding:0 calc(var(--universal-padding)/ 2)}.col-lg,.row.cols-lg>*{max-width:100%;flex-grow:1;flex-basis:0}.col-lg-1,.row.cols-lg-1>*{max-width:8.33333%;flex-basis:8.33333%}.col-lg-offset-0{margin-left:0}.col-lg-2,.row.cols-lg-2>*{max-width:16.66667%;flex-basis:16.66667%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-3,.row.cols-lg-3>*{max-width:25%;flex-basis:25%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-4,.row.cols-lg-4>*{max-width:33.33333%;flex-basis:33.33333%}.col-lg-offset-3{margin-left:25%}.col-lg-5,.row.cols-lg-5>*{max-width:41.66667%;flex-basis:41.66667%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-6,.row.cols-lg-6>*{max-width:50%;flex-basis:50%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-7,.row.cols-lg-7>*{max-width:58.33333%;flex-basis:58.33333%}.col-lg-offset-6{margin-left:50%}.col-lg-8,.row.cols-lg-8>*{max-width:66.66667%;flex-basis:66.66667%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-9,.row.cols-lg-9>*{max-width:75%;flex-basis:75%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-10,.row.cols-lg-10>*{max-width:83.33333%;flex-basis:83.33333%}.col-lg-offset-9{margin-left:75%}.col-lg-11,.row.cols-lg-11>*{max-width:91.66667%;flex-basis:91.66667%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-12,.row.cols-lg-12>*{max-width:100%;flex-basis:100%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-normal{order:initial}.col-lg-first{order:-999}.col-lg-last{order:999}.hidden-lg{display:none!important}}
body{
	background-color: #eee;
	/*background-image:url('/images/bkg.jpg');*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
	background-size: 100%;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size: 1.1em;
	color: #666;
}

/* Links ---------------------- */
a { color: var(--a-link-color); }
a:visited { color: var(--a-link-color); }
a:hover { color: var(--a-visited-color);}
a:focus { color: var(--a-visited-color); }

blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,pre,td,th,ul,p {
    margin-left: 0;
    margin-right: 0;
}
ul{
	padding: 0;
}

#container{
	margin-top: 3.25rem;
	padding: .75rem;
	background: #fff;
}
@media (min-width: 768px) {
	#page{
		max-width: 75rem;
    margin: 0 auto;
  }
	#container{
		margin-top: 4.25rem;
		padding: 1.25rem;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		}
}
h1,h2,h3,h4{
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}
h1, h3#title{
	/*float: left;*/
	width: 100%;
	font-weight: normal;
	font-size: 2rem;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

li{
	list-style: none;
}
/*Menu*/
#menu{
	display: block;
	width: 100%;
	position: fixed;
	left:0;
  top:0;
	z-index: 999999;
	box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.125),0 0 .25rem 0 rgba(0,0,0,0.25);
}
.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: .6rem 1rem;
  margin-top: .2rem;
  text-decoration: none;
  font-size: 1.2rem;
}

.topnav a:hover {
  color: #3399cc;
}


.topnav .icon {
  display: none;
  cursor: pointer;
}

form#search-box {
  padding-bottom: 0;
  position: relative;
  width: 100%;
  }
#livesearch{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 9999;
  border-radius: 4px;
  font-size: 1.25rem;
}
#search_keywords{
	display:block;
	font-size: 1.2rem;
	width: 100%;
	padding: .625rem 1rem;
  margin: .25rem 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
}
::placeholder {
  color: #ccc;
}

@media screen and (max-width: 768px) {
	.topnav a:not(:first-child),form#search-box {display: none;}
  /*.topnav a {display: none;}*/
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a, .topnav.responsive form#search-box {
    float: none;
    display: block;
    text-align: left;
    font-size: 1.2rem;
    padding: .5rem 1.2rem;
  }


	.bar1, .bar2, .bar3 {
	  width: 35px;
	  height: 5px;
	  background-color: #fff;
	  margin: 6px 0;
	  transition: 0.4s;
	}
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}


header{
	display:  block;
	/*padding-top: 1rem;*/
}
#banner, .banner{
	min-height: 280px;
}
.breadcrumbs{
	margin: 0.85rem 0 .4rem 0;
	padding: 0.5625em 0.875em 0.5625em;
	display: block;
	width: 100%;
	background-color: #f6f6f6;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
}
.breadcrumbs li{
	font-size: 1rem;
	float: left;
  color: #0a0a0a;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
  }

img#logo{
	max-width: 130px;
}
.block-grid {
    padding: 0;
}
.block-grid:after {
    clear: both
}
.block-grid>li {
		display: block;
    height: auto;
    padding: 0 0.625rem 1.25rem;
}

#next-high h4{
	color: #ff9900;
}
#next-low h4{
	color: #1779ba;
}

.place-list{
	font-size: 1.25rem;
}

footer{
	border-top: 2px solid #ccc;
	padding-top: .8em;
}
/* tables */
table th, table td, table td * {
    vertical-align: top;
    text-align: left;
}
caption{
	display: none;
}
.striped-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.table-scroll{
	overflow-x:auto;
}
#show-hide{
	padding: 0 .5rem .5rem .5rem;
}
#show-hide .button{
	margin-bottom: .25rem;
}
/*#low-click:before, #high-click:before
{content:'\2A2F';
  display:inline-block;
  padding:0 .5rem 0 0;
  }
#low-click.off:before, #high-click.off:before{
	content:'\2714';
}*/

#calendar table{
	clear: both;
	width: 100%;
	border: solid 1px #ccc;
	border-collapse:collapse;
}
#calendar table th{
	font-style: italic;
	padding: .5rem;
	/*color: #0071bc;*/
	border: solid 1px #ccc;
}
#calendar table td{
	vertical-align: top;
	border: solid 1px #ccc;
	padding: 2px;
}
#calendar table tr.shaded{
	background-color: #efefef;
}
tfoot td, tfoot th, thead td, thead th {
    padding: 0.5rem 0.625rem 0.625rem;
  }
#tideTable, #mobTable{
	width: 100%;
}
#tideTable thead, #mobTable thead{
	background-color: #f8f8f8;
	border: 1px solid #f1f1f1;
}
#tideTable tbody, #mobTable tbody{
	background-color: #fefefe;
	border: 1px solid #f1f1f1;
}
.moon-phase-bkg{
	background-image:url('/images/moon-phases.png');
	width: 32px;
	height: 32px;
}	

#tide-clock{
	height: 300px;
	width: 300px;
	margin: 1rem auto;
	background-image:url('/images/tide-clock.png');
	overflow: hidden;
}
img#tide-pointer{
	margin: 50px 50px;
}
#tide-status p{
	text-align: center;
}
#tides-today p{
	text-align: left;
}

#moon-pic{
	max-width: 280px;
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe;
}
.button:hover {
    background-color: #14679e;
    color: #fefefe;
}
.button.secondary {
    background-color: #767676;
    color: #fefefe;
}
.button.secondary:focus, .button.secondary:hover {
    background-color: #5e5e5e;
    color: #fefefe;
}

#show-all{
  display: block;
  text-align: center;
  margin-top: 1rem;
}
.accordion-title{
	font-size: 1.5em;
}
.accordion-item h2{
	margin: 0;
	font-size: 1em;
}
/*#home-side{
	padding-top: 40px;
}*/

#region-list h3, #region-list h2{
	margin-top: 1em;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}

#region-list li{
	font-weight: bold;
}	
/*#region-list li, #location-list li{
	padding-bottom: 0;
}*/


ul#right-stats, ul#near{
	list-style: none;
}

	
.dist{
	font-size: 75%;
}

li.lowTide{
	color: #1779ba;	
	background-color: #fff !important;
}
li.highTide{
		
}
.tidal-state{
	display: block;
}
#spring-neap h4{
	text-align: center;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight: bold;
}

.daytime thead tr{
	border: 1px solid #ccc;
	margin-bottom: 1rem;
}
.daytime th{
	height: 1.5rem;
}
.daytime td{
	vertical-align: top;
	font-size: .9rem;
}
div.daylight, div.night, div.twilight{
	display: inline-block;
	height: 2rem;
	padding: 0;
	margin: 0;
	float: left;
}
.night{
	background: #003;
	background-image: linear-gradient(to right, #003 , #666);
}
.night1{
	background-image: linear-gradient(to left, #003 , #666);
}
.daylight{
	background: #eeffff;
}
.twilight{
	background: #999;
}
.text-r{
	text-align: right;
}

#static-map {
    width: 100%;
    min-height: 375px;
    height: auto;
    position: relative;
    display: block;
}

#map-image {
    position: relative;
    top: 0;
    left: 0
}
#map-icon,#map-shadow {
    top: 45%;
    position: absolute
}

#map-credit,#map-icon,#map-shadow {
    position: absolute
}
#map-icon {
    left: 50%;
    transform: translate(-50%,-45%)
}
#map-shadow {
    left: 51%;
    transform: translate(-51%,-45%)
}

#map-credit {
    bottom: 2%;
    right: 0;
    background: #eee;
    padding: .2rem;
    font-size: .75rem
}

#map_canvas {
    height: 450px
}

#search-results li{
	padding-bottom: 10px;
}
#search-results img{
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}

/*A-Z list*/
.ln-letters { overflow:hidden; margin-bottom: 15px; }
.ln-letters a { font-size:1.33rem; display:block; float:left; padding:.2rem .4rem; text-decoration:none; }
.ln-letters a.all { padding-left: 0;}
.ln-letters a.ln-last { padding-right: 0;}
.ln-letters a:hover,
.ln-letters a.ln-selected {text-decoration: underline}
.ln-letters a.ln-disabled { color:#ccc; }

/*GRAPHS*/
/* Small down */
@media screen and (max-width: 39.9375em) {
	h1,h3{
		text-align: center;
	}
	h1{
		font-size: 1.6rem;
		display: block;
		background-color: #333;
		color: #fff;
		padding: .5rem;
		box-sizing: border-box;
	}
/*	h1, .breadcrumbs{
		margin-left: -0.625rem;
		margin-right: -0.625rem;
	}*/
	
	.full-width{
		width: 100vw;
	  position: relative;
	  left: 50%;
	  right: 50%;
		margin: .5rem -50vw;
	}
	
	#banner, .banner{
		min-height: 100px !important;
		max-height: 120px;
	}
	#gad,.gad{
		min-height: 280px !important;
		max-height: 350px;
	}
	
			.place-list{
			margin: 0;
		}
		.place-list li{
			display: block;
			padding: 0 !important;
			margin-bottom: 2px;
		}
		.place-list li a{
			/*background: linear-gradient(#0044ff,#0022ff);*/
			display: block;
			/*width: 100%;*/
		  vertical-align: middle;
		  margin: 0;
		  font-family: inherit;
		  padding: 0.85em 1em;
	  	-webkit-appearance: none;
		  font-size: 1.25rem;
		  line-height: 1;
		  color: #fff;
		}
		.place-list li:nth-child(odd) {
			background-color: #333;  
			}
			
		.place-list li:nth-child(even) {
			background-color: #666;  
			}
			
	#map_canvas {
	    display:none;
	}

	table tbody td{
		padding: 0;
	}
	li.lowTide, li.highTide, .tidal-state{
		text-align: center;
	}
	.grid-padding-x>.cell{
		padding-right: 0;
    padding-left: 0;
	}
	footer.grid-padding-x>.cell{
		padding-right: .625rem;
    padding-left: .625rem;
	}
	footer{
		clear: both;
		/*margin-bottom: 2em;*/
	}
}

/* Super small*/
@media screen and (max-width: 375px) {
	#tide-extra-info{
		display: none;
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	table tbody td{
		padding: 0;
	}
	}

/* Large up */
@media screen and (min-width: 64em) {
	#main-left, .main-left{
		box-sizing: border-box;
		border-right: 1px dotted #ccc;
	}
}