body {
background-color:#0aa1c4;
background-image: url("/images/annie-spratt-xz485Eku8O4-unsplash.jpg");
background-repeat: repeat;
}

@media only screen and (max-width: 768px) {
.logo {
width:100px;
height:100px;
margin:0px auto 4px auto;
}
.fulltilt {
font-family:arial, sans-serif;
font-weight:800;
color:white;
margin:0px;
padding:0px;
font-size:16px;

   color: white;
   text-shadow:
  /*     3px 3px 0 #0ff, 
     -1px -1px 0 #36a9e1,  
      1px -1px 0 #36a9e1,
      -1px 1px 0 #36a9e1, */
       1px -1px 0 #36a9e1;
       }
.fs {font-size:1em;margin-bottom:20px;}

.footer {
margin:30px auto 0px auto;
width:97%;
text-align:center;
}
.killer {
margin:0px;
}
.disclaimer {
font-family:arial, sans-serif;
font-weight:800;
color:white;
margin:0px;
padding:0px;
font-size:1.5vw;
}
}

@media only screen and (min-width: 769px) {
.logo {
width:9vw;
height:9vw;
margin:0px auto 4px auto;
}
.fulltilt {
font-family:arial, sans-serif;
font-weight:800;
color:white;
margin:0px;
padding:0px;
font-size:2vw;
-webkit-text-stroke: 1px #36a9e1;
   color: white;
   text-shadow:
  /*     3px 3px 0 #0ff, 
     -1px -1px 0 #36a9e1,  
      1px -1px 0 #36a9e1,
      -1px 1px 0 #36a9e1, */
       1px 1px 0 #36a9e1;
       }
.fs {font-size:1.5em;margin-bottom:40px;}
.footer {
margin:50px auto 0px auto;
text-align:right;
width:97%;
}
.killer {
margin:0px 17px 0px 0px;
}
.disclaimer {
font-family:arial, sans-serif;
font-weight:800;
color:white;
margin:0px;
padding:0px;
font-size:0.8vw;
}
}

table {
position:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
}
table td {
width:33.33%;
text-align:center;
}

.rotr {
transform: rotate(-12deg);
}

.rotl {
transform: rotate(12deg);
}

.header {
height:100px;
}


.container {
  min-height: calc(100vh - 200px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 200px;
  grid-gap: 0px;
  grid-auto-flow: dense;
}
.container img {
   width:100%;
   height:100%;
   object-fit:cover;
}
.standard{
    grid-column: span 1;
}
.horizontal{
    grid-column: span 2;
}
.vertical {
    grid-row: span 2;
}
.big{
    grid-column: span 2;
    grid-row: span 2;
}



.footer {
height:100px;
background-color:#252525;
background-image: url("/images/annie-spratt-xz485Eku8O4-unsplash.jpg");
background-repeat: repeat;
width:97%;
}

.killer, .stonecold {
font-family:arial, sans-serif;
color:#333;
font-size:0.55em;
font-weight:100;
padding:0px;
}

.stonecold {
text-align:center;
position:bottom;
margin:20px auto 20px auto;
}


.navbar {
  overflow: hidden;
  background-color:none;
  font-family: arial, sans-serif;
  font-weight:800;
  margin-top:-20px;
}

.navbar a {
  float: right;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  margin: 0;
  font-family: arial, sans-serif;
  font-weight:800;
  background-color:rgba(0,0,0,0.0);
}

.navbar a:visited, .dropbtn:visited, .dropdown:visited, a:link, .dropdown:link, .dropbtn:link {
  background-color: rgba(0,0,0,0.0);
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:#252525;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  font-weight:800;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
  text-align: left;
  background-color:none;
}

.dropdown-content a:hover {
  background-color: none;
}

.dropdown:hover .dropdown-content {
  display: block;
}