@font-face {
  font-family: "MarkOT-Regular";
  src: url("/maintenance/tls-page/fonts/mo-regular/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix");
  src: url("/maintenance/tls-page/fonts/mo-regular/85892bf5-3ec3-4b41-962d-b9c2d3dab2ad.eot?#iefix") format("eot"), url("/maintenance/tls-page/fonts/mo-regular/3b985398-c848-456f-8878-6a5c2a72b82a.woff2") format("woff2"), url("/maintenance/tls-page/fonts/mo-regular/260903aa-66f6-4578-8f4e-aed460e46563.woff") format("woff"), url("/maintenance/tls-page/fonts/mo-regular/aee5511e-bc73-45e1-9963-0ff9e501ba59.ttf") format("truetype"); }

@font-face {
  font-family: "MarkOT-Bold";
  src: url("/maintenance/tls-page/fonts/mo-bold/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix");
  src: url("/maintenance/tls-page/fonts/mo-bold/8706c0b6-b423-44f7-ae1a-dd0aabd8a542.eot?#iefix") format("eot"), url("/maintenance/tls-page/fonts/mo-bold/41c8162d-c2a6-49b0-8139-8bebab187588.woff2") format("woff2"), url("/maintenance/tls-page/fonts/mo-bold/4fe94f2e-7892-4785-9663-0350a7adf8c0.woff") format("woff"), url("/maintenance/tls-page/fonts/mo-bold/3a7daddb-0a78-4734-a699-6fe08d0e8b99.ttf") format("truetype"); }

@font-face {
  font-family: "MarkOT-Medium";
  src: url("/maintenance/tls-page/fonts/mo-medium/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix");
  src: url("/maintenance/tls-page/fonts/mo-medium/fbdcf9c3-5ae6-4d9a-a599-3764f7c806be.eot?#iefix") format("eot"), url("/maintenance/tls-page/fonts/mo-medium/bca028ce-c27d-4e7d-aa28-f173d521ad14.woff2") format("woff2"), url("/maintenance/tls-page/fonts/mo-medium/37554929-783d-48b4-9346-54af9bdaa5c7.woff") format("woff"), url("/maintenance/tls-page/fonts/mo-medium/48f92810-bb37-4032-9967-4fc12c9a022c.ttf") format("truetype"); }

@font-face {
  font-family: "MarkOT-Italic";
  src: url("/maintenance/tls-page/fonts/mo-italic/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix");
  src: url("/maintenance/tls-page/fonts/mo-italic/ff63cbb4-2977-4340-86d8-aea5b5edd54d.eot?#iefix") format("eot"), url("/maintenance/tls-page/fonts/mo-italic/7deb3b8f-92a6-4d1f-9367-f78fa976d7e6.woff2") format("woff2"), url("/maintenance/tls-page/fonts/mo-italic/795d721b-69d6-4453-92af-a54e6d1895e3.woff") format("woff"), url("/maintenance/tls-page/fonts/mo-italic/415bf4a9-7f2e-48c9-bf55-4378aaa5d221.ttf") format("truetype"); }


body{
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;
}
#main {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #68676B;
    min-height: 700px;
    font-family: "MarkOT-Regular";
    background-image: url(/maintenance/tls-page/images/bg-mobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
}

.content{
  padding: 40px 10px;
  text-align: center;
}

#logo{
    text-align: center;
}
#logo img{
    width: 140px;
}

.message {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.075em;
    padding-bottom: 10px;
}


.description{
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0;
    letter-spacing: 0.075em;
}

.description a{
    font-family: "MarkOT-Regular";
    color: #12A7F3;
    text-decoration: none;
    font-size: 18px;
    
}

.footer-copyright{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-family: "MarkOT-Regular";
    font-size: 12px;
    font-style: italic;
    padding-top: 3px;
    padding-bottom: 5px;
}
.footer-copyright a, .footer-copyright li, .footer-copyright p, .footer-copyright ul {
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    color: #6D6C6D;
    font-family: MarkOT-Italic;
    position: relative;
    margin: 2px 5px;
    padding-bottom: 2px;
    padding-left: 0;
}

.footer-copyright a{
    text-decoration: none;
}

.footer-copyright a:after {
    content: '';
    background-color: #d2d2d2;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    right: -14px;
    top: 7px;
}

.footer-copyright li:last-child a:after {
    display: none
}

@media (min-width: 990px) {
    #main {
        background-image: url(/maintenance/tls-page/images/bg-desktop.png);
        height: 784px;
    }
    
    #logo img{
        width: auto;
    }
    
    .content{
      padding: 15px 45px 20px 45px;
    }
    
    .message {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.05em;
        padding-bottom: 15px;
    }

    .description{
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0.075em;
        padding: 5px 85px;
    }
    
}