body {
    font-family: "Comic", sans-serif;
    font-size: 20px;
    background-image: url('../img/head_back.png');
    background-size:cover;
    background-position:center top;
    color: rgb(34, 136, 173);
}
    .text-dark {
    color: rgb(1, 76, 146) !important;
}
    .text-white {
    color: #FFFFFF !important;
}
    .bg-dark {
    background-color: #0079A6 !important;
}
    .border-primary {
    border-color: #FFCA78 !important;
    border-width: 3;
}
    .lay-over-below{
    margin-top: -55px !important;
}

.covered{
    position:relative; 
    padding:10px;
} 

.text-smaller{
    font-size: 1rem;
}

.text-mild{
    font-size: 2rem !important;
}

.covered-img{
    background-image: url('../img/hatterviragos.png');
    background-size:cover;
    background-position:right bottom;
    position:absolute;
    top:0;bottom:0;left:0;right:0;
}

.text-fancy {
    display: inline-block;
    color: #FFFFFF;
    font-family: 'Dancing Script', cursive;
    font-size: 7rem; 
    text-shadow:
        .03em .03em 0 #83BEFF,
        -1px 0 #3672FC, 0 1px #3672FC, 1px 0 #3672FC, 0 -1px #3672FC,
        -0.3em 0.1em 0.1em #ADE4FF,
        0.4em -0.3em 0.1em #AFD5FF;
}

.text-heading {
    color: #0079A6;
    font-size: 3.5rem !important; 
    font-family: 'Dancing Script', cursive;
}

.card-header {
    background-color: #0079A6 !important;
    color:  #FFF8ED !important;
}

.btn-primary {
    background-color: #0079A6 !important;
    color:  #FFF8ED !important;
}

.card {
    background-color: #EEF9FF !important;
}

.xl-top-m {
    margin-top: 60px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 34px;
    border-radius: 34px;
    background-color: #ccc;
  }
  
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
  }
  
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    width: 34px;
  }