body, html {
        font-family: sans-serif;
        overflow-x: hidden;
        /*background: fixed linear-gradient(to bottom right, #2C121E, #5D25D9);*/
    }
    
    .bg-header {
        background-color: rgb(6 187 204 / 40%);
        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
    }

    a:hover {
        color: #05C2DE;
        text-shadow: 2px 1px 1px white;
    }

    .mkdf-wavy-effect {
        position: absolute;
        display: block;
        bottom: 146px;
        left: 0;
        width: 100%;
        fill: #fff;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .welcome-board-name {
        font-family: 'Vast Shadow', cursive;
        color: #ffffff;
        font-size: 2.3em;
        text-shadow: 1px 2px 3px #03802a;
    }

    .story h6:after, .story h6:before {
        display: none;
    }

    .custom-btn {
        width: 130px;
        height: 40px;
        color: #fff;
        border-radius: 5px;
        padding: 10px 25px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        background: transparent;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        display: inline-block;
        box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
        outline: none;
    }

    .btn-12 {
        position: relative;
        right: 20px;
        bottom: 20px;
        border: none;
        box-shadow: none;
        width: 130px;
        height: 40px;
        line-height: 42px;
        -webkit-perspective: 230px;
        perspective: 230px;
    }

        .btn-12 span {
            background: rgb(0,172,238);
            background: linear-gradient(0deg, rgb(6 187 204) 0%, rgb(29 122 131) 100%);
            display: block;
            position: absolute;
            width: 130px;
            height: 40px;
            box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
            border-radius: 5px;
            margin: 0;
            text-align: center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

            .btn-12 span:nth-child(1) {
                box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
                -webkit-transform: rotateX(90deg);
                -moz-transform: rotateX(90deg);
                transform: rotateX(90deg);
                -webkit-transform-origin: 50% 50% -20px;
                -moz-transform-origin: 50% 50% -20px;
                transform-origin: 50% 50% -20px;
            }

            .btn-12 span:nth-child(2) {
                -webkit-transform: rotateX(0deg);
                -moz-transform: rotateX(0deg);
                transform: rotateX(0deg);
                -webkit-transform-origin: 50% 50% -20px;
                -moz-transform-origin: 50% 50% -20px;
                transform-origin: 50% 50% -20px;
            }

        .btn-12:hover span:nth-child(1) {
            box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }

        .btn-12:hover span:nth-child(2) {
            box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
            color: transparent;
            -webkit-transform: rotateX(-90deg);
            -moz-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
        }

    .card {
        background: transparent;
        border: none;
    }
    
    .slider-container > * {
        height: auto !important;
    }

    @@media screen and (min-width: 769px) {
        .swiffy-slider {
            margin-bottom: 5%;
        }
    }

    h1 {
        -webkit-animation: header 3.5s;
        -webkit-animation-fill-mode: backwards;
    }

    
    .slider-container {
        height: 570px !important;
        overflow: hidden;
    }

        .slider-container > * {
            height: auto !important;
            top: -15%;
        }

    @@media screen and (min-width: 768px) and (max-device-width: 1199px) {
        .slider-container {
            height: 400px !important;
            overflow: hidden;
        }
    }

    @@media only screen and (max-device-width: 767px) {
        .slider-container > * {
            height: auto !important;
            top: 0%;
        }

        .slider-container {
            height: 100% !important;
            overflow: hidden;
        }
    }