body {
	font-family: "Montserrat", "sans-serif";
	font-size: 1.125rem;
	color: var(--primary);
	overflow-x: hidden;
}

h1,
.h1 {
	font-size: 2.375rem;
	font-weight: 500;
    margin-bottom: 1.5rem;
}

h2,
.h2 {
	font-size: 2.375rem;
	font-weight: 500;
    margin-bottom: 1rem;
}

h3,
.h3 {
    font-size: 1.875rem;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 1rem;
}

p:last-of-type {
    margin-bottom: 0;
}

b,
strong,
.font-weight-bold {
    font-weight: 700 !important;
}

a {
	color: var(--primary);
	transition: .3s ease-in-out;
}

a:hover {
	color: var(--primary);
	text-decoration: underline;
	background-color: unset;
}

main p {
    font-style: italic;
}

footer {
    margin-top: 8rem;
}

footer a,
footer a:hover {
    color: white;
}

/*footer .logos {
    min-height: 6rem;
}*/

/*footer .logo .img-desktop {
    position: absolute;
    top: -2rem;
}*/


/* Bootstrap */
:root {
    --primary: #6393c1;
    --light: #f1ece4;
    --dark: #c2a97d;
}

.fst-italic {
    font-style: italic!important;
}
.fst-normal {
    font-style: normal!important;
}
.fw-lighter {
    font-weight: lighter!important;
}
.fw-light {
    font-weight: 300!important;
}
.fw-normal {
    font-weight: 400!important;
}
.fw-medium {
    font-weight: 500!important;
}
.fw-semibold {
    font-weight: 600!important;
}
.fw-bold {
    font-weight: 700!important;
}
.fw-bolder {
    font-weight: bolder!important;
}

.lh-1 {
    line-height: 1!important;
}

.text-underline {
    text-decoration: underline;
}

.bg-primary {
    background-color: var(--primary)!important;
}

.bg-light {
    background-color: var(--light)!important;
}

.bg-dark {
    background-color: var(--dark)!important;
}

.text-dark {
    color: var(--dark)!important;
}


.min-h-large {
    min-height: 8rem;
}

.contact-lines .line {
    display: block;
    width: 35px;
    height: 3px;
    margin: 3px auto;
    background-color: var(--primary);
}


/* Media queries */
@media (max-width: 1589px) {

}

@media (max-width: 1361px) {

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    h1,
    .h1 {
        font-size: 1.875rem;
    }

    h2,
    .h2 {
        font-size: 1.375rem;
    }
}


@media (min-width: 992px) {
    .text-lg-end {
        text-align: right !important;
    }
}