/*
 * UnderConstructionPage
 * Marco Gualazzini theme CSS
 * (c) WebFactory Ltd, 2015 - 2023
 */


 @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;300;500&display=swap');

 body{
     background-color: #000;;
 }
 h1, h2{
     font-family: 'Prompt', sans-serif;
     font-weight: 300;
     color: #fff;
     text-transform: uppercase;
 }
 h1 span{
     font-family: 'Prompt', sans-serif;
     font-weight: 500;
     color: rgb(99, 99, 99);
     text-transform: lowercase;
 }
 p, a{
     font-family: 'Prompt', sans-serif;
     font-weight: 100;
 }
 .social{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
 }
 .s_list{
     padding: 20px 0px;
     list-style-type: none;
     text-align: center;
 }
 .s_list li{
     display: inline;
 }
 .s_list li a{
     color: #fff;
     background-color:transparent;
     border:1px solid #fff;
     text-decoration: none;
     padding: 10px 15px;
     margin: 0px 5px;
 }
 footer{
     padding: 10px 0px;
     position: fixed;
     bottom: 0;
     left: 0;
     right:0;
     background-color: #111;
 }
 footer p{
     margin: 5px 0px;
     text-align: center;
     color: #ccc;
 }
 footer p a{
     color: #ccc;
     text-decoration: none;
 }
 
 @media only screen and (max-width: 460px) {
     .s_list li{
         display: block;
         margin-top: 30px;
     }
     .social{
        top: 15%;
        left: 0%;
        transform: translate(0%, 0%);
     }
 }