@font-face {
    font-family: 'm_1cthin';
    src: url('fonts/m1c_thin_macroman/mplus-1c-thin-webfont.eot');
    src: url('fonts/m1c_thin_macroman/mplus-1c-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/m1c_thin_macroman/mplus-1c-thin-webfont.woff') format('woff'), url('fonts/m1c_thin_macroman/mplus-1c-thin-webfont.ttf') format('truetype'), url('fonts/m1c_thin_macroman/mplus-1c-thin-webfont.svg#m_1cthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    position: relative;
    background-color: #808080;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    font-family: m_1cthin;
    background: rgb(0,50,55);
	background: -moz-linear-gradient(180deg, rgba(0,50,55,1) 0%, rgba(0,156,171,1) 72%, rgba(0,50,55,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,50,55,1) 0%, rgba(0,156,171,1) 72%, rgba(0,50,55,1) 100%);
background: linear-gradient(180deg, rgba(0,50,55,1) 0%, rgba(0,156,171,1) 72%, rgba(0,50,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003237",endColorstr="#003237",GradientType=1);

background: rgb(28,70,0);
background: -moz-linear-gradient(180deg, rgba(28,70,0,1) 0%, rgba(69,171,0,1) 72%, rgba(28,70,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(28,70,0,1) 0%, rgba(69,171,0,1) 72%, rgba(28,70,0,1) 100%);
background: linear-gradient(180deg, rgba(28,70,0,1) 0%, rgba(69,171,0,1) 72%, rgba(28,70,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c4600",endColorstr="#1c4600",GradientType=1);


background: rgb(60,60,60);
background: -moz-linear-gradient(180deg, rgba(60,60,60,1) 36%, rgba(175,175,175,1) 72%, rgba(60,60,60,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(60,60,60,1) 36%, rgba(175,175,175,1) 72%, rgba(60,60,60,1) 100%);
background: linear-gradient(180deg, rgba(60,60,60,1) 36%, rgba(175,175,175,1) 72%, rgba(60,60,60,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c3c3c",endColorstr="#3c3c3c",GradientType=1);


background: rgb(37,37,37);
background: -moz-linear-gradient(180deg, rgba(37,37,37,1) 48%, rgba(101,101,101,1) 72%, rgba(33,33,33,1) 91%);
background: -webkit-linear-gradient(180deg, rgba(37,37,37,1) 48%, rgba(101,101,101,1) 72%, rgba(33,33,33,1) 91%);
background: linear-gradient(180deg, rgba(37,37,37,1) 48%, rgba(101,101,101,1) 72%, rgba(33,33,33,1) 91%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252525",endColorstr="#212121",GradientType=1);

background: rgb(36,42,2);
background: -moz-linear-gradient(180deg, rgba(36,42,2,1) 48%, rgba(106,122,6,1) 72%, rgba(38,43,2,1) 91%);
background: -webkit-linear-gradient(180deg, rgba(36,42,2,1) 48%, rgba(106,122,6,1) 72%, rgba(38,43,2,1) 91%);
background: linear-gradient(180deg, rgba(36,42,2,1) 48%, rgba(106,122,6,1) 72%, rgba(38,43,2,1) 91%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#242a02",endColorstr="#262b02",GradientType=1);

background: rgb(43,2,8);
background: -moz-linear-gradient(180deg, rgba(43,2,8,1) 48%, rgba(125,6,24,1) 72%, rgba(43,2,8,1) 91%);
background: -webkit-linear-gradient(180deg, rgba(43,2,8,1) 48%, rgba(125,6,24,1) 72%, rgba(43,2,8,1) 91%);
background: linear-gradient(180deg, rgba(43,2,8,1) 48%, rgba(125,6,24,1) 72%, rgba(43,2,8,1) 91%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b0208",endColorstr="#2b0208",GradientType=1);
}

.message{
    margin: auto;
    margin-top: 100px;
    width: 50vw;
    overflow: hidden;
    position:relative;
}
.message h1, .message h2, .message h3, .message h4, .message h5 {
    color: #fff;
    text-align:center;
    font-size:1.2em;
    letter-spacing: normal;
    letter-spacing: 0.2em;
    line-height: 1.8em;
}
.message h1 {
    /* letter-spacing: 2em; */
}
    .message h3 {
        text-align: center;
        line-height: 1.8em;
        letter-spacing: normal;
    }
.message h5, a.h5 {
    display: block;
    text-align: center;
    letter-spacing: 1.2em;
    color:white;
    text-decoration: none ;
    margin:auto;
}
.logo {
    background: url(images/offline-page.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    margin-right: 2em;
    width: 15vw;
    height: 15vw;
   
}
@media (max-width:992px) {
    .message h1, .message h2, .message h3, .message h4, .message h5 {
        letter-spacing: normal;
        font-size:2.2em;
    }
    .message h5, a.h5 {
        letter-spacing: normal;
        font-size:2.2em;
    }
    .message {
        margin-top: 50px;
        width: 100vw;
    }
    .logo {
        width: 25vw;
        height: 25vw;
    }
}
@media (max-width:769px){
    .message{
        padding:.2em;
    }
    .message h1, .message h2, .message h3, .message h4, .message h5 {
        letter-spacing: normal;
        font-size:2.0em;
    }
    .message h5, a.h5 {
        letter-spacing: normal;
        font-size:1.6em;
    }
    .logo {
        width: 75vw;
        height: 75vw;
    }
}