* {
    box-sizing: border-box;
}

body {
  color: #775E55;
  background-color: #fff;
  font-family: "Lucida Sans", "Lucida Sans Unicode", arial, verdana, sans-serif;
}

a {
  color: #775E55;
}

h1 {
  font-size: 3em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

h2 {
  color: #DE7945;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding: 0px;
}

img.scalable {
  width: 100%;
  height: auto;
}

.row:after {
  content: "";
  clear: both;
  display: table;
}
[class*="col-"] {
  float: left;
  padding: 5px;
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}


.wrapper {
  position: relative;
  width: 100%;
}

.three-by-two.aspect-ratio { padding-bottom: 66.666% }
.four-by-three.aspect-ratio { padding-bottom: 75% }
.sixteen-by-nine.aspect-ratio { padding-bottom: 56.25% }

.content {
  position: absolute;
  top: 0;  bottom: 0;  left: 0;  right: 0;
  padding: 0;
}


div.box {
  float: left;
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.1em;
  background: #DE7945;
  font-size: 1.2em;
}

div.header {
  display: flex;
  align-items: center;
  padding-left: 0.5em;
  height: 1.6em;
  color: #fff;
  background: #003E61;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
}

.small {
  font-size: 0.6em;
}

.footer {
  display: inline-grid;
  width: 100%;
  border-top-width: 1;
  border-top-style: solid;
  border-top-color: #003E61;
}

.galleria {
  width: 100%;
}

.galleria-theme-classic {
  background: #fff;
}

.galleria-stage {
  left: 0px;
  right: 0px;
}

.tabHeader {
  margin-top: 3px;
  margin-right: 3px;
  float: left;
}

.tabs {
  margin: 3px;
}

div.tabTitle {
	min-height: 3em;
	background:linear-gradient(to bottom right, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
	text-align:center;
	color:#fff;
	text-decoration:none;
}

div.tabTitle:hover {
	background:linear-gradient(to bottom right, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));
}

.tab {
  display: none;
}

div.on {
  background:linear-gradient(to bottom right, rgba(73, 172, 173, 0.898), rgba(6, 56, 6, 0.898));
}

.fadein1, .fadein2, .fadeIn3, .fadein4 {
  display: none;
}
