body {
    background: #D4F1EF;
}

    body .container {
        background: #fff;
    }

header {
}

    header > .heading {
        color: #fff;
        background: #1baea8 url(../kubg_logo.png) 2% 50% no-repeat;
        background: rgba(27, 174, 168, 0.84) url(../kubg_logo.png) 2% 50% no-repeat;
        border-color: #eee;
        border-radius: 10px;
        margin-top: 0 !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 2px 2px 1px #ECDFDF;
    }


    header > .heading,
    section.infodesk {
        margin: 5px 0px;
        padding: 10px;
        float: left;
        width: 100%;
        z-index: 999;
    }

        header > .heading h2 {
            font-size: xx-large;
            font-weight: 100;
            letter-spacing: -3.5px;
            text-shadow: 2px 2px 1px #7C92A3;
        }

        header > .heading h2,
        header > .heading em {
            width: 100%;
            text-align: center;
            float: right;
        }

        header > .heading em {
            font-size: 19px;
        }

            header > .heading em strong {
                text-align: center;
            }

            header > .heading em span.letterspaced-decorations {
                letter-spacing: -1.5px;
            }

        section.infodesk > .alert {
            letter-spacing: -0.3px;
        }

            section.infodesk > .alert > .btn {
                text-shadow: none;
                font-size: 15px;
            }

        section.infodesk > .alert > span.secondary {
            font-weight : lighter;
        }


section.categories {
    margin-top: 5px;
    margin-bottom: 5px;
}

    section.categories > .row > div div img {
        margin-top: 25px;
    }

    section.categories > .row > div > a .caption {
        height: 75px;
        padding-left: 23px;
        letter-spacing: -1.4px;
        margin-top: 20px;
    }

        section.categories > .row > div > a .caption h4 {
            margin: 20px auto;
        }

    section.categories > .row:nth-child(2) > div:nth-child(3) > a .caption h4 {
        margin: 10px auto;
    }

    section.categories > .row > div > a .caption,
    section.categories > .row > div > a .caption span {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

        section.categories > .row > div > a .caption span {
            color: #fff;
            font-size: 14px;
        }

    section.categories > .row > div > a,
    section.categories > .row > div > a:hover {
        text-decoration: none;
    }

        section.categories > .row > div > a:hover .thumbnail {
            background: #eee;
        }

        section.categories > .row > div > a:hover .caption {
            background: #1baea8;
            color: #fff;
        /*    margin-top: 20px;*/
        }

            section.categories > .row > div > a:hover .caption span {
                padding-left: 10px;
            }

        section.categories > .row > div > a:active .caption {
            background: #136f6c;
            color: #eee;
            padding-left: 10px;
        }


/* media queries*/


@media (min-width: 1024px) {
    header > .heading h2 {
        font-size: 40px;
    }
}

@media (min-width: 992px) {
    header > .heading h2 {
        font-size: 38px;
    }
}

@media (max-width: 768px) {

    header > .heading {
        padding-left: 120px;
        padding-right: 80px;
    }

        header > .heading h2 {
            font-size: 28px;
        }
}

@media (max-width: 480px) {
    header > .heading h2 {
        font-size: 27px;
    }

    header > .heading {
        padding-left: 100px;
        padding-right: 100px;
    }
}