body {
            background-size: auto;
            font-family: "Lato", "Serif";
            font-weight: 300;
            /*color: #f4f3f2;*/
        }

        #con {
            padding: 15px 50px;
            margin-top: 0px;
        }

        h1 {
            font-size: 4em;
            line-height: 1.8em;
            margin: 0 0 .3em;
        }

        h2 {
            font-size: 2.2em;
            line-height: 0.8em;
            margin: 0 0 .3em;
        }

        h3 {
            font-size: 1.4em;
            line-height: 1.4em;
        }

        h3 {
            line-height: 2.5em;
        }

        h4 {
            font-size: 1.25em;
            line-height: 1.4em;
        }

        h5 {
            font-size: 1.1em;
            line-height: 1.4em;
        }

        h6 {
            font-size: 1em;
            line-height: 1.2em;
        }

            h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
                text-decoration: none; color:#000066;
            }

        p {
            padding: 0 0 1em;
            margin: 0;
            color: #2E2D2D;
        }

      /* a:hover {
            text-decoration: none;
            color: #000066;
            -webkit-transition: all .8s ease;
            transition: all .12s ease;
            font-size: 1.8em;
        }*/
a:hover {
    text-decoration: none;
}

#pnl {
    color:#FFFFFF;
    background-color:#0099ff;
    background-image: linear-gradient(to bottom right, #007acc, #003d66);
    border-color:#404041;
    border-width:5px;
    text-align:justify;
}
        .btn {
            padding: 10px 20px;
            border: 0 none;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin:10px;
            
        }

            .btn:focus, .btn:active:focus, .btn.active:focus {
                outline: 3 none;
            }

        .btn-primary {
            background: #ff531a;
            color: #FFFFFF;
        }

           /* .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
                background: #2E46FB;
            }*/

            .btn-primary:active, .btn-primary.active {
                background: #FFFFFF;
                box-shadow: none;
            }


        .btn.sharp {
            border-radius: 20;
        }

        @@-webkit-keyframes animatetop {
            from {
                top: -300px;
                opacity: 0;
            }

            to {
                top: 0;
                opacity: 1;
            }
        }

        @@keyframes animatetop {
            from {
                top: -300px;
                opacity: 0;
            }

            to {
                top: 0;
                opacity: 1;
            }
        }

        center {
            display: none;
        }


        .center {
            margin: 0 auto;
        }

        .awesome {
            font-family: "Lato", "Helvetica Neue", "HelveticaNeue", "Helvetica", "Segoe UI", "Tahoma", "Arial", "sans-serif";
            width: 100%;
            margin: 0 auto;
            text-align: center;
            color: #FF7F50;
            font-size: 16px;
            position: absolute;
            padding-left: 20px;
            padding-right: 20px;
            -webkit-animation: colorchange 2s infinite alternate;
        }

        @@-webkit-keyframes colorchange {
            50% {
                color: red;
            }

            100% {
                color: darkblue;
            }
        }

        * {
            font-size: 100%;
            margin: 0;
            padding: 0;
        }

        ul, li {
            list-style: none;
        }

        h1 {
            font-size: 150%;
            font-weight: bold;
            text-align: center;
        }

        .my-slider {
            height: 100px;
            margin: 0 auto;
            /*width: 900px;*/
            width: 100%;
        }

            .my-slider ul {
                height: 100px;
                overflow: hidden;
            }

            .my-slider li {
                float: left;
            }


        @@media (max-width: 700px) {

            h1 {
                font-size: 2em;
                line-height: 0.9em;
                margin: 0 0 .1em;
            }

            h2 {
                font-size: 2em;
                line-height: 1em;
                margin: 0 0 0em;
            }

            h3 {
                font-size: 1.2em;
                line-height: 1.2em;
                text-align: justify;
            }

            h4 {
                font-size: 0.75em;
                line-height: 0.7em;
            }

            h5 {
                font-size: 0.5em;
                line-height: 0.7em;
            }

            h6 {
                font-size: 0.5em;
                line-height: 0.6em;
            }

                h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
                    text-decoration: none color:#EE622F;
                }

            h2 b {
                color: #000000;
            }

            #con {
                padding: 5px 30px;
                margin-top: 0px;
            }

            p {
                padding: 0 0 0.2em;
                margin: 0;
                color: #2E2D2D;
            }

            a:hover {
                text-decoration: none;
                color: #000066;
                -webkit-transition: all .8s ease;
                transition: all .12s ease;
                font-size: 0.9em;
            }

            .btn {
                padding: 5px 10px;
                border: 0 none;
                font-weight: 350;
                letter-spacing: 1px;
                text-transform: uppercase;
                margin: 5px 0px;
            }

            body {
                font-family: "Lato", "Serif";
                font-weight: 150;
                color: #EE622F;
            }

            .row {
                flex-direction: column;
            }
        }