@font-face {
  font-family: 'bauhaus';
  src: url('../css/Bauhaus 93 Regular.ttf');
  font-display: swap;
}
html {
  height: 100%;
  padding: 0;
}
body {
  min-height: 100vh;
  margin: 0px;
  padding: 0px;
  background: #eeeded;
}
a { color: #fff; }
a:hover { color: #ff0; }
a, a:hover, a:active {  text-decoration: none; }

a.clink, a.clink:hover {
  text-decoration: none;
}
a.clink {
  color: #28A745;
}
a.clink:hover {
  background-color: #FFC107;
  opacity: 0.8;
  color: #fff;
}

p { margin-bottom: 12px; }

.col {
   flex-grow: 1;
}
.headline
{
  color: #000;
  font-family: 'bauhaus';
  font-size: 24px;
}
.roboto48 {
  font-family: 'Roboto', sans-serif;
  font-size: 48px;
  font-weight: bold;
}
.roboto24 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: bold;
}
.roboto16 {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
.roboto12 {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
}
.footer {
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 30px;
  line-height: 30px;
}

.row {
  width: 100.9%;
  display: flex;
}
.social
{
  color: #fff;
  font-family: 'bauhaus';
  font-size: 24px;
}
.text-logo
{
  color: #FFFFFF;
  font-family: 'bauhaus';
  font-size: 30px;
}

.albumimage {
  margin-top: 10px;
  margin-bottom: 10px;
}
.fileUpload {
  position: relative;
  overflow: hidden;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* cards */
.card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#FFF;
}
.card:hover {
  box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.card > .card-inner {
  padding:10px;
}
.card .header h2, h3 {
  margin-bottom: 0px;
  margin-top:0px;
}
.card .header {
  margin-bottom:5px;
}
.card img{
  width:100%;
}

.grid { display:inline-block; padding: 10px; margin: 10px; }

@media (min-width: 200px) {
 .grid { width: 8.5rem; vertical-align: text-top; }
}

@media (min-width: 576px) {
 .grid { width: 8.7rem; vertical-align: text-top; }
}

@media (min-width: 768px) {
 .grid { width: 9.2rem; vertical-align: text-top;  }
}

@media (min-width: 992px) {
 .grid { width: 9.5rem; vertical-align: text-top; }
}

@media (min-width: 1200px) {
 .grid { width: 10rem; vertical-align: text-top;  }
}

@media (max-width: 576px) {
 .table-responsive {
   font-size:12px !important;
 }
}