html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.mainLayout{
    border-radius:0px;
    filter:drop-shadow(0px 0px 0px rgba(0,0,0,0.2));
    margin:10px;
}
.main_Layout {
    border-radius:11px;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3));
    margin: 10px;
}
.shadows {
    position: relative;
    text-transform: uppercase;
    text-shadow: -15px 5px 20px #fefefc;
    color: white;
    letter-spacing: -0.01em;
    font-family: 'Anton', Arial, sans-serif, Tahoma;
    user-select: none;
    text-transform: uppercase;
    font-size: 50px;
    transition: all 0.25s ease-out;
}

    .shadows:hover {
        text-shadow: -16px 6px 15px #474749;
    }
.shadowsH {
    position: relative;
    /*text-transform: uppercase;*/
    text-shadow: -15px 5px 20px #6b6767;
    color: white;
    letter-spacing: -0.01em;
    font-family: 'Anton', Arial, sans-serif, Tahoma;
    user-select: none;
   /* //text-transform: uppercase;*/
    font-size: 50px;
    transition: all 0.25s ease-out;
}

    .shadowsH:hover {
        text-shadow: -16px 6px 15px #424242;
    }
.dynamic-text-shadow {
    /*  larger font size, more shadow distance  */
    text-shadow: .1em .1em 0 hsl(200 50% 30%);
}
.logo-1 {
    color: white;
    animation: neon 3s infinite;
}

@keyframes neon {
    0% {
        text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light), 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light), 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
    }

    50% {
        text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light), 0 0 5px var(--shadow-color-light), 0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color), 0 0 110px var(--shadow-color), 0 0 210px var(--shadow-color);
    }

    100% {
        text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light), 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light), 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
    }
}

.blue-color {
    color: blue;
}

.green-color {
    color: green;
}

.teal-color {
    color: teal;
}

.yellow-color {
    color: yellow;
}

.red-color {
    color: red;
}
.relink, header {
    background-image: url('../../../images/BK.PNG');
    background-repeat: no-repeat;
    background-size: cover;
    float: none;
}