/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
    @media (min-width:1200px) {
        .cookiealert {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 35%;
            margin: 0 !important;
            z-index: 999;
            opacity: 0;
            border-radius: 0;
            transform: translateY(100%);
            transition: all 500ms ease-out;
            font-size: 13px;
            font-weight: 100;
            color: #fff;
            background: rgba(21, 78, 156, 1);
            padding: 7px !important;
        }
    }

    @media (max-width:1200px) and (min-width:992px) {
        .cookiealert {
            width: 70%;
            position: fixed;
            bottom: 0;
            left: 0;
            margin: 0 !important;
            z-index: 999;
            opacity: 0;
            border-radius: 0;
            transform: translateY(100%);
            transition: all 500ms ease-out;
            font-size: 13px;
            font-weight: 100;
            color: #fff;
            background: rgba(1, 167, 221, 1);
            padding: 7px !important;
        }
    }

    @media (max-width:991px) and (min-width:768px) {
        .cookiealert {
            width: 50%;
            position: fixed;
            bottom: 0;
            left: 0;
            margin: 0 !important;
            z-index: 999;
            opacity: 0;
            border-radius: 0;
            transform: translateY(100%);
            transition: all 500ms ease-out;
            font-size: 13px;
            font-weight: 100;
            color: #fff;
            background: rgba(1, 167, 221, 1);
            padding: 7px !important;
        }
    }

    @media (max-width:767px) {
        .cookiealert {
            width: 100%;
            margin-top: -22%;
            position:fixed;
            bottom: 0;
            left: 0;
            margin: 0 !important;
            z-index: 999;
            opacity: 0;
            border-radius: 0;
            transform: translateY(100%);
            transition: all 500ms ease-out;
            font-size: 13px;
            font-weight: 100;
            color: #fff;
            background: rgba(1, 167, 221, 1);
            padding: 7px !important;
        }
    }

    .cookiealert.show {
        opacity: 1;
        transform: translateY(0%);
        transition-delay: 1000ms;
    }

    .cookiealert a {
        text-decoration: underline
    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline;
    }
