body,
    html {
        height: 100%;
        margin: 0;
    }

    body {
        background: url(../img/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    @-webkit-keyframes flash {
        0% {
            opacity: 1;
        }

        50% {
            opacity: .1;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes flash {
        0% {
            opacity: 1;
        }

        50% {
            opacity: .1;
        }

        100% {
            opacity: 1;
        }
    }

    .flashit {

        -webkit-animation: flash linear 1s infinite;
        animation: flash linear 1s infinite;
    }

    a {
        font-weight: bold;
        color: black;
    }

    .ha h3 {
        color: #f30d02;
        font-weight: bold;
        border-bottom: 1px solid #10579e;
        padding-bottom: 7px;
        display: inline-block;
    }

    .right a {
        color: #673AB7;
    }

    h2 {
        font-size: 30px !important;
        font-weight: bold;
        padding-bottom: 7px;
        color: #673AB7 !important;
        ;
    }

    .p {
        position: absolute;
        bottom: 0;
    }


    @media (max-width: 420px) {
        .p {
            font-size: 10px;
            /* position: relative; */
            bottom: 113px;
            left: 15%;
        }

        body {
            background-position: 58%;
        }


    }