html {
  font-size: 62.5%; }
body {
  font-size: 1.5em;
  line-height: 1.6;
  font-weight: 400;
  font-family: "LiberationSans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
  padding:1em;
  background-image: url('../images/Seabright_view_02_144.jpg');
    
  background-repeat: no-repeat;
  background-size:100%;
}
section, header, footer {
  display: block;
  padding:1em;
  box-sizing: border-box;
}
hr {
	max-width: 80%;
}
hr.underbar {
	margin-top:0;
	margin-bottom:0;
}
.row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}
.cell { grid-column: span 6; }          /* default: full width */
.span-1 { grid-column: span 1; }
.span-2 { grid-column: span 2; }
.span-3 { grid-column: span 3; }
.span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; }
.span-6 { grid-column: span 6; }

.box1 {
background-color:rgb(220,220,220,0.8);
text-align:center;
width:100%;
}
.box2 {
background-color:rgb(220,220,220,0.7);
text-align:left;
width:100%;
}
.box_detail {
	visibility:hidden;
	margin-top:0;
}
@media (min-width: 550px) {
	.box_detail {
		visibility:visible;
	}
}