@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;1,400;1,600&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

h1, h2, h3, caption {
    font-family: 'Montserrat', sans-serif; 
    font-weight: 600;
    text-align: center;
}

h1 {font-size: 250%; padding-top: 1em; padding-bottom: .5em;}
h2 {font-size: 190%;}
h3 {padding-top: .5em; font-size: 120%;}
caption {font-size: 100%;}

header {max-height: 450px; padding: 0; overflow: hidden; position: relative;}
header picture > img {width: 100%; position: relative;}

.card {background-color: #e0e0e0;}
.card h3 {text-align: center;}

nav a.nav-link:link {
    font-size: 100%; margin: 7px; font-family: 'Montserrat', sans-serif; font-weight: 400;
}
nav a.active:link {font-weight: 600;}

.btn-global {background-color: #0D6EFD; color: white; font-family: 'Montserrat', sans-serif; text-transform: capitalize; font-weight: 600;}
.btn-global:hover {background-color: rgb(245 229 199); border: 1px solid black;}

main {padding-bottom: 4em;}

p, li, address, figcaption, blockquote {
    font-family: 'Crimson Pro', serif; font-weight: 400;
    font-size: 20px;}
blockquote {padding-left: 40px; padding-right; 40px;}
figcaption {font-size: 90%; font-style: italic;}

table {font-family: 'Crimson Pro', serif; font-weight: 400;}

.table {    --bs-table-border-color: silver;}

.table > thead > tr > th {
    background-color: gainsboro;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}

table caption {caption-side: top; font-weight: 600; font-size: 1.5rem; text-align: center;}

/* .col-md-4 {padding: 2em;} */

#socials i {font-size: 2rem; padding: 7px;}
.bi-facebook {color: blue;}
.bi-youtube {color: red;}
.bi-instagram {color: black;}
a:hover .bi {color: gray;}
footer aside {text-align: left;}
footer p, footer address, footer li {font-family: 'Montserrat', sans-serif; font-size: 100%;}


body > footer {
    background-color: rgb(245 229 199);
	width: 100%;
    text-align: center;
    padding: 1em;
	
}


@media only screen and (max-width: 767px) {
    header {max-height: 250px;}
}



iframe {
    width: 90%;
    height: 215px;
}

/* address {
    text-align: left;
    padding-left: 2em;
} */    

p > font {
    font-size: 15px;
}

svg {
    width: 13%;
    height: 35px;
}