html, body {
    height: 100%;
    /* background: #293847;
    background: -moz-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 31%, rgba(83,97,109,1) 64%, rgba(94,107,117,1) 82%, rgba(94,107,117,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,56,71,1)), color-stop(31%, rgba(59,74,88,1)), color-stop(64%, rgba(83,97,109,1)), color-stop(82%, rgba(94,107,117,1)), color-stop(100%, rgba(94,107,117,1)));
    background: -webkit-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 31%, rgba(83,97,109,1) 64%, rgba(94,107,117,1) 82%, rgba(94,107,117,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 31%, rgba(83,97,109,1) 64%, rgba(94,107,117,1) 82%, rgba(94,107,117,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 31%, rgba(83,97,109,1) 64%, rgba(94,107,117,1) 82%, rgba(94,107,117,1) 100%);
    background: linear-gradient(135deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 31%, rgba(83,97,109,1) 64%, rgba(94,107,117,1) 82%, rgba(94,107,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293847', endColorstr='#5e6b75', GradientType=1 ); */
    background: rgba(41,56,71,1);
    background: -moz-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 28%, rgba(68,83,95,1) 51%, rgba(82,97,109,1) 70%, rgba(94,107,117,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,56,71,1)), color-stop(28%, rgba(59,74,88,1)), color-stop(51%, rgba(68,83,95,1)), color-stop(70%, rgba(82,97,109,1)), color-stop(100%, rgba(94,107,117,1)));
    background: -webkit-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 28%, rgba(68,83,95,1) 51%, rgba(82,97,109,1) 70%, rgba(94,107,117,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 28%, rgba(68,83,95,1) 51%, rgba(82,97,109,1) 70%, rgba(94,107,117,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 28%, rgba(68,83,95,1) 51%, rgba(82,97,109,1) 70%, rgba(94,107,117,1) 100%);
    background: linear-gradient(135deg, rgba(41,56,71,1) 0%, rgba(59,74,88,1) 28%, rgba(68,83,95,1) 51%, rgba(82,97,109,1) 70%, rgba(94,107,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293847', endColorstr='#5e6b75', GradientType=1 );
    color: #e5eaee !important;
    font-family: 'Barlow', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h1{
    color:#fff;
    font-size:28px;
    line-height:34px;
    margin-bottom:14px;
    text-transform: uppercase;
    text-align: center;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(255,255,255, 0.1);
    margin: 1em 0;
    padding: 0;
}

h3 {
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
}

.header .logo {
    height: 40px;
    display: flex;
    justify-content: center;
}

.header .logo img {
    max-height: 100%;
    max-width: 100%;
    height:auto;
}

.container {
  padding: 5px;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    .header .logo {
        height: 25px;
    }
}

@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ 
    .header .logo {
        height: 30px;
    }
}

@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
    .header .logo {
        height: 40px;
    }
}

@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .header .logo {
        height: 40px;
    }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
    .header .logo {
        height: 40px;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */ 
    .header .logo {
        height: 40px;
    }
}