* {
        margin: 0;
        padding: 0;
    }
    
    body {
        font-family: arial, helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.5;
        padding: none;
        margin: none;
        background-color: #cccccc;
    }
    
    header div div img {
        max-width: 55%;
        height: auto;
        margin-top: none;
        margin-bottom: none;
    }
    
    header {
        background-image: url('Background2.jpg');
        height: 30vh;
        background-size: 1985px;
        border-bottom: #000000 4px solid;
        background-position: center;
    }
    
    ul {
        float: right;
        list-style-type: none;
        margin-top: 25px;
    }
    
    ul li {
        display: inline-block;
    }
    
    ul li a {
        text-decoration: none;
        color: #000;
        padding: 1px 10px;
        border: 1px solid transparent;
        transition: 1.5s ease;
        font-weight: bold;
    }
    
    ul li a:hover {
        background-color: #fff;
        color: #000;
        text-decoration: none;
    }
    
    ul li.active a {
        background-color: #fff;
        color: #000;
    }
    
    .logo img {
        float: left;
        height: auto;
        width: 725px;
    }
    
    .main {
        max-width: 1800px;
        margin: auto;
    }
    
    .social {
        padding: 65px;
    }
    
    .social img {
        width: 20px;
        margin-left: 2px;
    }
    
    .social a {
        background-color: #e6e6e6;
        border-radius: 30px;
        border: 1px solid transparent;
    }
    
    .social ul li a:hover {
        text-decoration: none;
        color: #000;
        padding: 5px 15px;
        border: 1px solid transparent;
        transition: 1.5s ease;
        font-weight: bold;
    }
    
    .css-button-rounded {
        text-decoration: none;
        color: #000;
        padding: 5px 15px;
        border: 1px solid transparent;
        transition: 1.6s ease;
        font-weight: bold;
        border-radius: 20px;
    }
    /* Global */
    
    .container {
        width: 80%;
        margin: auto;
        overflow: hidden;
    }
    
    .button_1 {
        height: 38px;
        background: #e8491d;
        border: none;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    a[href^="mailto:"]::after {
        color: #F55B00;
        content: " (admin@lionspromgmt.com)";
    }
    
    .dark {
        padding: 17px;
        background: #35424a;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        border: 4px solid black;
    }
    
    .dark1 {
        padding: 20px;
        background: #35424a;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        border: 4px solid black;
    }
    
    .dark img {
        width: 100%;
        height: 25vh;
        padding-left: 0px;
    }
    
    .dark1 img {
        width: 100%;
        height: 25vh;
        padding-left: 0px;
    }
    /* Showcase */
    
    #showcase {
        min-height: 635px;
        width: 1920px;
        max-width: 100%;
        height: auto;
        background: url(black-and-white-city-houses-skyline-2255.jpg) 0 -900px;
        text-align: center;
        color: #fff;
    }
    /* main */
    
    #main {
        background: url('Businessman_On_Arrow_Over_Cityscape_-_Growth_and_Success_Concept.jpg') 0 -600px;
    }
    /* Sidebar */
    
    aside#sidebar {
        float: right;
        width: 500px;
        margin-top: 20px;
    }
    
    aside#sidebar .quote input,
    aside#sidebar .quote textarea {
        width: 90%;
        padding: 5px;
    }
    /* main-col */
    
    article#main-col {
        float: left;
        width: 65%;
        padding: none;
    }
    /* Contact */
    
    ul#contact li {
        text-decoration: none;
        width: auto;
        list-style: none;
        padding: 20px 20px;
        border: #cccccc solid 1px;
        margin-bottom: 10px;
        background: #c3c2c2 opacity;
    }
    
    ul#contact a {
        padding: 0px;
    }
    
    .redText {
        color: #F55B00;
    }
    
    .blackText {
        color: #000;
        font-weight: bold;
    }
    
    .blackText:hover {
        border-radius: 1px;
        color: #35424a;
        text-decoration: none;
        transition: 1.5s ease;
    }
        /* Services */
        ul#services li {
            list-style: none;
            padding: 25px;
            border: #cccccc solid 1px;
            margin-bottom: 15px;
            /* background: #e6e6e6; */
            /*took it out just in case but don't take out just yet */
            background: #c3c2c2 opacity;
        }
        footer {
            padding: 5px;
            margin-top: 5px;
            color: #000;
            background-color: orangered;
            text-align: center;
            /* background-image: url(lpm-head.png); */
            height: 3vh;
            background-size: 1985px;
            background-position: center;
        }
        /* media queries */
        @media(max-width: 768px) {
            header #branding,
            header nav,
            header nav li,
            article#main-col,
            aside#sidebar {
                float: none;
                text-align: center;
                width: 100%
            }
            header {
                padding-bottom: 20px;
            }
            #showcase h1 {
                margin-top: 40px;
            }
            .social img {
                padding-top: auto;
                margin: auto;
            }
        }