@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-Regular';
    src: url('../fonts/Metropolis-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Metropolis-SemiBold';
    src: url('../fonts/Metropolis-SemiBold.otf') format('opentype');
}

#home-boxes {
    /*margin-top: 24px;*/
    margin-left: -12px;
}

    #home-boxes h4 {
        font-family: "Metropolis-Semibold";
        color: #FFFFFF;
        text-align: center;
    }
/*    #home-boxes h4 {
        padding-top: 10px;
        font-family: 'NovecentowideBookBold';
        color: #fff;
        text-align: center;
    }*/


.home-box {
    padding-top: 1px;
    margin-bottom: 15px;
    background-color: #11526E;
    border-top: 1px solid #337796;
}

    .home-box a {
        font-family: 'Gotham-Light';
        text-decoration: none;
        font-size: 110%;
        color: #F0CD34;
    }

.box-link {
    padding: 6px 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 90%;
}

#box-customer {
    color: #fff;
}

#box-member {
    color: #fff;
}

#box-business {
    color: #fff;
}

/*#box-customer {
    background-color: #e1af00;
    color: #fff;
}

    #box-customer a {
        color: #45545a;
    }

#box-member {
    background-color: #73b559;
    color: #fff;
}

    #box-member a {
        color: #45545a;
    }

#box-business {
    background-color: #45545a;
    color: #fff;
}

    #box-business a {
        color: #73b559;
    }*/

.home-box-more {
    background-color: rgba(255,255,255,0.35);
    text-align: center;
}

/*#box-customer .home-box-more a, #box-member .home-box-more a, #box-business .home-box-more a {
    font-family: 'NovecentowideBookBold';
    color: #fff;
    font-size: 90%;
}*/

#home-buttons {
    padding: 24px 0;
    border-top: 2px solid #4a443a;
    border-bottom: 2px solid #4a443a;
    font-size: 80%;
    margin-left: -15px !important;
}

.home-button {
    text-align: center;
    font-family: Gotham-Light;
}

    .home-button a {
        color: #4a443a;
    }
    .home-button a:hover {
        text-decoration: none;
    }
        .home-button a:hover span {
        text-decoration: underline;
    }
    .home-button img {
        width: 60px;
    }

#home-bottom {
    margin-top: 24px;
    padding-right: 12px;
    margin-left: -12px;
}

#home-calendar h2 {
    font-family: Gotham-Light;
    text-align: center;
    padding-top: 0;
    margin-top: 0;
}

.calendar-item {
    padding: 6px 0;
    border-bottom: 1px solid #E5E4E0;
}

.calendar-item-title {
    font-family: Gotham-Light;
    color: #337796;
    font-size: 1.1em;
}

#home-cgp {
    background-color: #E5E4E0;
    /*padding-top: 24px;
    padding-bottom: 24px;*/
    color: #fff;
    font-size: 110%;
}

    #home-cgp img {
        width: 100%;
    }

#home-cgp-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #4a443a;
}

    #home-cgp-links li {
        display: inline-block;
        padding: 3px 12px;
    }

    #home-cgp-links a {
        color: #fff;
        font-size: 120%;
    }

#home-vision {
    background-color: #E5E4E0;
    padding: 6px 12px;
    color: #6a5f4f;
    font-size: 90%;
}


/* Media Queries */
@media (min-width: 764px) and (max-width: 991px) {
    #home-calendar {
        font-size: 90%;
    }
}
#footer .container .row {
    margin-left: -12px;
}