body{font-family: "HelveticaNeue-LT-45-Light";}
*{margin:0 auto;padding:0;}
.header-padd{padding: 5px;}
.innerText strong i{font-size: 7px;}
header {
    position: fixed;
    z-index: 9;
    width: 100%;
}
.big-close a {
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 9;
    float: right;
}
#ppHeader
    {
        font-family:verdana;
        text-transform:capitalize;
    }

    #ppBody
    {
        font-size:11pt;
        width:980px;
        margin:0 auto;
    }

    #ppBody a
    {
        text-decoration:none;

    }
    #website-name {
        text-transform:capitalize;
    }

    .grayText {
        background-color:#E9F6FB;
        border:1px solid #dddddd;
        border-radius:4px;
        padding: 5px 15px;
    }
    .blueText {
        background-color:#E9F6FB;
        border:1px solid #dddddd;
        border-radius:4px;
        padding: 5px 15px;
    }
    .innerText {
        padding: 0 40px;

    }

    .col-2 {
        width:15.5%;
        float:left;
        display:block;
        margin:0 5px;
    }

    .col-4 {
        width:100%;
        float:left;
        display:block;
        position:relative;
        left:0px!Important;

    }
    .col-8 {

        display:none;

    }

    .col-12 {
        width:100%;
        float:left;
        display:block;
    }

    .gen-text-center {
        text-align:center;
    }

    .gen-text-left {
        text-align:left;
    }

    .quick-links {
        padding:8px 0;
        background:#E9F6FB;
        border:1px solid #dddddd;
        border-radius:5px;
        margin:1px 0;
    }
    .quick-links2 {
        padding:8px 0;
        background:#E9F6FB;
        border-radius:5px;
        margin:1px 0;
        border:1px solid #dddddd;
    }
    .gen-quick-links {
        line-height: 1;
		color: #000000;
		font-size: 13px;
    }
    .quick-links:hover  {
        background:#eeeeee;
    }
    .quick-links2:hover  {
        background:#eeeeee;
    }

    .text-center {
        text-align: center;
    }

    @media screen and (max-width: 1200px) {
        .col-2 {
            width:13.2%;
            float:left;
            display:block;
            margin:0 15px;
        }
        .col-8 {
            display:none;
        }
        .col-4 {
            width:100%;
            position:relative;
            left:0px!Important;
        }
        .caloppa-pad,
        .coppa-pad {
            padding:5px 0;

        }
        #ppBody {
            width:auto;

        }
    }

    @media screen and (max-width: 1000px) {
        .col-2 {
            width:13%;
            float:left;
            display:block;
            margin:0 15px;
        }

    }

    @media screen and (max-width: 900px) {
        .col-2 {
            width:46%;
            float:left;
            display:block;
            margin:0 15px;
        }

    }

    @media screen and (max-width: 800px) {
        .col-2 {
            width:43%;
            float:left;
            display:block;
            margin:0 15px;
        }
    }
    @media screen and (max-width: 450px) {
        .col-2 {
            width:40%;
            float:left;
            display:block;
            margin:0 15px;
        }
    }