:root {
	--w3-green: #00B3BC;
    --w3-blue: #013A56;
    --w3-white: #FFF;
	--w3-black: #000;

    --w3-primary-color: var(--w3-green);
    --w3-primary-color-hover: var(--w3-blue);

    --w3-secondary-color: var(--w3-blue);
    --w3-secondary-color-hover: var(--w3-green);
    
    --w3-link-color: var(--w3-green);
    --w3-link-color-hover: var(--w3-blue);

    --w3-text-color: var(--w3-black);

    --w3-body-bg: var(--w3-white);
    --w3-block-bg: var(--w3-white);

    --w3-slider-dots-width: 10px;

    --w3-font-family-text: "Outfit", sans-serif;
    --w3-font-family-headings: "Outfit", sans-serif;
    --w3-font-family-addition: "Mulish", sans-serif;
}

/** all fonts family
 * "Outfit", sans-serif; 100 --> 900
 * "Mulish", sans-serif; 200 --> 1000
 * "Quattrocento", serif; 400, 700
 */

body {
    font-family: var(--w3-font-family-text) !important;
    background-color: var(--w3-body-bg);
    color: var(--w3-text-color);
}

a {
	color: var(--w3-link-color);
}

a:hover {
	color: var(--w3-link-color-hover);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: var(--w3-font-family-headings) !important;
    font-weight: 400;
	color: var(--w3-green);
}

/* Headings reset font size */
@media (min-width: 1200px) {
    
    h1, .h1 {
        font-size: calc(1rem * 3); /* 48px */
    }

    h2, .h2 {
        font-size: calc(1rem * 2.25); /* 36px */
    }

    h3, .h3 {
        font-size: calc(1rem * 1.875); /* 30px */
    }

    h4, .h4 {
        font-size: calc(1rem * 1.5); /* 24px */
    }

    h5, .h5 {
        font-size: calc(1rem * 1.25); /* 20px */
    }

    h6, .h6 {
        font-size: calc(1rem * 1.125); /* 18px */
    }
}

img, iframe {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.price {
    color: var(--w3-blue);
}

/* Custom containers */
.container-small {
    max-width: 780px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.container-medium {
    max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* background colors */
.bg-dark {
    background-color: var(--w3-blue) !important;
    color: var(--w3-white);
}

.bg-white {
    background-color: var(--w3-white) !important;
    color: var(--w3-text-color);
}

/* Sections */
#lead-section {}

/* Lists */
.list-unstyled {
    margin: 0;
}

/* 404 page */
.block-404 {
	font-family: var(--w3-font-family-text) !important;
    font-weight: 700;
    font-size: 12rem;
    display: flex;
    justify-content: center;
}

.block-404 .i-4 {
    filter: drop-shadow(0px 40px 20px rgba(0, 0, 0, .5));
	color: var(--w3-blue);
}
.block-404 .i-0 {
    color: var(--w3-green);
    filter: drop-shadow(0px 40px 20px rgba(0, 0, 0, .5));
}


/* text block classes */
.text-lg {
	font-size: 40px;
	letter-spacing: 0.8px;
	line-height: normal;
}

.text-white * {
	color: var(--w3-white)
}

section.bg-dark {
	background-image: url('../images/vector.svg');
	background-size: auto;
	background-position: 40% 7%;
	background-repeat: no-repeat;
}