html {
   /* background:url('32c3-jimmykater.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

body,html {
  height: 100%;
}

body {
  padding-top: 50px;
/*  background: inherit;*/
}

.logopage {
  background-image:url('32c3-jimmykater.jpg');
  background-size:cover;
  background-attachment: fixed;
}

.wide {
  width:100%;
  height:100%;
  height:calc(100% - 1px);
}

.wide img {
  width:100%;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.logo {
  color:#fff;
  font-weight:800;
  font-size:14pt;
  padding:25px;
  text-align:center;
  background-color: rgba(255,255,255, 0.3);
  width: 100%;
}

div.content { background-color: rgba(255, 255, 255, 0.9);
              margin-bottom: 3em; }


.meow { width: 100%; text-align: center; }
.remote .meow button { width: 20em; }

.remote button { width: 6em; margin: 5px;}

.btn-red { background-color: hsl(0, 100%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#990000"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ff0000), to(#990000)); background-image: -moz-linear-gradient(top, #ff0000, #990000); background-image: -ms-linear-gradient(top, #ff0000, #990000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #990000)); background-image: -webkit-linear-gradient(top, #ff0000, #990000); background-image: -o-linear-gradient(top, #ff0000, #990000); background-image: linear-gradient(#ff0000, #990000); border-color: #990000 #990000 hsl(0, 100%, 25%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }

.btn-green { background-color: hsl(112, 100%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22ff00", endColorstr="#149900"); background-image: -khtml-gradient(linear, left top, left bottom, from(#22ff00), to(#149900)); background-image: -moz-linear-gradient(top, #22ff00, #149900); background-image: -ms-linear-gradient(top, #22ff00, #149900); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22ff00), color-stop(100%, #149900)); background-image: -webkit-linear-gradient(top, #22ff00, #149900); background-image: -o-linear-gradient(top, #22ff00, #149900); background-image: linear-gradient(#22ff00, #149900); border-color: #149900 #149900 hsl(112, 100%, 25%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }

.btn-yellow { background-color: hsl(59, 100%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffa00", endColorstr="#999600"); background-image: -khtml-gradient(linear, left top, left bottom, from(#fffa00), to(#999600)); background-image: -moz-linear-gradient(top, #fffa00, #999600); background-image: -ms-linear-gradient(top, #fffa00, #999600); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffa00), color-stop(100%, #999600)); background-image: -webkit-linear-gradient(top, #fffa00, #999600); background-image: -o-linear-gradient(top, #fffa00, #999600); background-image: linear-gradient(#fffa00, #999600); border-color: #999600 #999600 hsl(59, 100%, 25%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }

.btn-cyan { background-color: hsl(179, 100%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00fffa", endColorstr="#009996"); background-image: -khtml-gradient(linear, left top, left bottom, from(#00fffa), to(#009996)); background-image: -moz-linear-gradient(top, #00fffa, #009996); background-image: -ms-linear-gradient(top, #00fffa, #009996); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00fffa), color-stop(100%, #009996)); background-image: -webkit-linear-gradient(top, #00fffa, #009996); background-image: -o-linear-gradient(top, #00fffa, #009996); background-image: linear-gradient(#00fffa, #009996); border-color: #009996 #009996 hsl(179, 100%, 25%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }

.btn-pink {
    background-color: hsl(305, 100%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00e9", endColorstr="#99008c"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ff00e9), to(#99008c)); background-image: -moz-linear-gradient(top, #ff00e9, #99008c); background-image: -ms-linear-gradient(top, #ff00e9, #99008c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff00e9), color-stop(100%, #99008c)); background-image: -webkit-linear-gradient(top, #ff00e9, #99008c); background-image: -o-linear-gradient(top, #ff00e9, #99008c); background-image: linear-gradient(#ff00e9, #99008c); border-color: #99008c #99008c hsl(305, 100%, 25%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }