* {
    font-family: 'Merriweather';
}

body {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
    z-index: 0;
  }

body::after {
    background-image: url("../images/PaperTextureBackground.jpg");
    content: "";
    opacity: 0.6;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;   
  }

/*** START Powder Blue Color Palette */

.va-powder-blue-background,
.va-powder-blue-background-hover:hover {
    background-color: #bce6ea !important;
}

.va-powder-blue,
.va-powder-blue-text-hover:hover {
    color: #bce6ea !important;
}

.va-powder-blue-background-fill,
.va-powder-blue-background-fill-hover:hover {
    filter: invert(91%) sepia(20%) saturate(315%) hue-rotate(136deg) brightness(96%) contrast(92%) !important;
}

/*** END Powder Blue Color Palette */

/*** START Plump Purple Color Palette */

.va-plump-purple-background,
.va-plump-purple-background-hover:hover {
    background-color: #5C41A4 !important;
}

.va-plump-purple,
.va-plump-purple-text-hover:hover {
    color: #5C41A4 !important;
}

.va-plump-purple-background-fill,
.va-plump-purple-background-fill-hover:hover {
    filter: invert(28%) sepia(40%) saturate(1506%) hue-rotate(224deg) brightness(93%) contrast(95%) !important;
}

/*** END Plump Purple Color Palette */


/*** START Tiffany Blue Color Palette */

.va-tiffany-blue-background,
.va-tiffany-blue-background-hover:hover {
    background-color: #01B7C3 !important;
}

.va-tiffany-blue,
.va-tiffany-blue-text-hover:hover {
    color: #01B7C3 !important;
}

.va-tiffany-blue-background-fill,
.va-tiffany-blue-background-fill-hover:hover {
    filter: invert(59%) sepia(47%) saturate(4611%) hue-rotate(146deg) brightness(97%) contrast(99%) !important;
}

/*** END Tiffany Blue Color Palette */

/*** START Waterspout Color Palette */

.va-waterspout-background,
.va-waterspout-background-hover:hover {
    background-color: #95ffff !important;
}

.va-waterspout,
.va-waterspout-text-hover:hover {
    color: #95ffff !important;
}

.va-waterspout-background-fill,
.va-waterspout-background-fill-hover:hover {
    filter: invert(90%) sepia(70%) saturate(453%) hue-rotate(137deg) brightness(106%) contrast(103%) !important;
}

/*** END Waterspout Color Palette */

.h1,
h1 {
    color: #01B7C3 !important;
}

.hero-h1 {
    border: 5px solid #bce6ea;
    background-color: #ffff;
    padding: 15px;
    border-radius: 1%;
}

@media (min-width: 800px) {

    .h1,
    h1 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width:810px) {

    .h1,
    h1 {
        font-size: calc(2.375rem + 1.5vw);
    }
}