.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-6 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-auto {
    margin-left: auto !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pb-6 {
    padding-bottom: 4.5rem !important
}

.pb-7 {
    padding-bottom: 6rem !important
}

.btn {
    border-radius: 50rem;
    padding: .75rem 1.25rem;
    border: none !important;
    box-shadow: none !important;
    transition: .5s;
    font-size: 1rem;
    line-height: 1.35;
    text-transform: uppercase;
    font-family: "Encode Sans Condensed", sans-serif;
    background-color: rgba(33, 33, 33, .05)
}

.btn.btn-lg {
    padding: 1.25rem 2rem;
    font-size: 1.1rem
}

.btn.btn-sm {
    padding: .75rem 1.25rem;
    font-size: .75rem;
    box-shadow: none
}

.btn.btn-micro {
    padding: .45rem .75rem;
    font-size: .75rem;
    box-shadow: none;
    border-radius: 50rem
}

.btn-primary {
    background-color: #a91a19 !important;
    transition: .5s;
    color: #fff !important
}

.btn-primary:hover {
    background-color: #ab0000 !important;
    transition: .5s;
    color: #fff !important
}

.btn-primary.light {
    background-color: #ffded1 !important;
    border: 1px solid rgba(169, 26, 25, .5) !important;
    color: #a91a19 !important
}

.btn-primary.light:hover {
    background-color: #ab0000 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: .5s
}

.btn-secondary {
    background-color: #d90373 !important;
    color: #fff !important
}

.btn-secondary:hover {
    background-color: #a4004a !important;
    color: #fff !important
}

.btn-secondary.light {
    background-color: #fedbe4 !important;
    border: 1px solid rgba(217, 3, 115, .2) !important;
    color: #d90373 !important
}

.btn-secondary.light:hover {
    background-color: #a4004a !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: .5s
}

.btn-success {
    background-color: #1dbecd !important;
    color: #fff !important
}

.btn-success:hover {
    background-color: #008a99 !important;
    color: #fff !important
}

.btn-success.light {
    background-color: #e0f3f6 !important;
    border: 1px solid rgba(29, 190, 205, .5) !important;
    color: #1dbecd !important
}

.btn-success.light:hover {
    background-color: #1dbecd !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: .5s
}

.btn-danger {
    background-color: #541471 !important;
    color: #fff !important
}

.btn-danger:hover {
    background-color: #3f005d !important;
    color: #fff !important
}

.btn-danger.light {
    background-color: #e0d2e4 !important;
    border: 1px solid rgba(84, 20, 113, .5) !important;
    color: #3f005d !important
}

.btn-danger.light:hover {
    background-color: #541471 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: .5s
}

.btn-warning {
    background-color: #0093dd !important;
    color: #fff !important
}

.btn-warning:hover {
    background-color: #005ea2 !important;
    color: #fff !important
}

.btn-warning.light {
    background-color: #dfeaf9 !important;
    border: 1px solid rgba(0, 147, 221, .5) !important;
    color: #0093dd !important
}

.btn-warning.light:hover {
    background-color: #0093dd !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: .5s
}

.btn-info {
    background-color: #3e9e1f !important;
    color: #fff !important
}

.btn-info:hover {
    background-color: #006700 !important;
    color: #fff !important
}

.btn-info.light {
    background-color: #deeed6 !important;
    border: 1px solid rgba(62, 158, 31, .5) !important;
    color: #3e9e1f !important
}

.btn-info.light:hover {
    background-color: #3e9e1f !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: .5s
}

.btn-light {
    background-color: rgba(33, 33, 33, .05) !important;
    color: rgba(33, 33, 33, .73) !important
}

.btn-light:hover {
    background-color: rgba(33, 33, 33, .73) !important;
    color: #fff !important
}

.btn-light.negative {
    background-color: #d2d2d2 !important;
    color: #212121 !important
}

.btn-light.negative:hover {
    background-color: #212121 !important;
    color: #fff !important
}

.btn-link {
    color: #212121 !important;
    background-color: rgba(255, 255, 255, .5) !important;
    text-decoration: none;
    border: 1px solid rgba(33, 33, 33, .44) !important
}

.btn-link:hover {
    background-color: rgba(169, 26, 25, .95) !important;
    color: #fff !important
}

.btn-link.negative {
    background-color: rgba(255, 255, 255, .25) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .25) !important
}

.btn-link.negative:hover {
    background-color: rgba(255, 255, 255, .5) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .25) !important
}

.text-primary,
.txt-primary,
nav .nav-item .nav-link,
nav a {
    color: #a91a19 !important
}

.text-secondary,
.txt-secondary {
    color: #d90373 !important
}

.text-success,
.txt-success {
    color: #1dbecd !important
}

.text-info {
    color: #3e9e1f !important
}

.border-bottom {
    border-bottom: 1px solid #d2d2d2 !important
}

.border-start {
    border-start: 1px solid #d2d2d2 !important
}

.border-end {
    border-end: 1px solid #d2d2d2 !important
}

.bg-primary {
    background-color: #a91a19 !important
}

.bg-secondary {
    background-color: #d90373 !important;
    color: #fff
}

.bg-danger {
    background-color: #541471 !important
}

.bg-success {
    background-color: #1dbecd !important
}

.bg-primary-lighter {
    background-color: rgba(169, 26, 25, .05)
}

.bg-secondary-light,
.secondary-t-10 {
    background-color: rgba(217, 3, 115, .2)
}

.bg-success-light,
.success-t-10 {
    background-color: rgba(29, 190, 205, .2)
}

.bg-danger-light,
.danger-t-10 {
    background-color: rgba(84, 20, 113, .2)
}

.bg-warning-light,
.warning-t-10 {
    background-color: rgba(0, 147, 221, .2)
}

.bg-info-light,
.info-t-10 {
    background-color: rgba(62, 158, 31, .2)
}

.bg-gradient {
    background-image: -webkit-linear-gradient(135deg, #000 50%, rgba(0, 0, 0, .6) 50%);
    background-image: -moz-linear-gradient(135deg, #000 50%, rgba(0, 0, 0, .6) 50%);
    background-image: -ms-linear-gradient(135deg, #000 50%, rgba(0, 0, 0, .6) 50%);
    background-image: linear-gradient(135deg, #000 50%, rgba(0, 0, 0, .6) 50%)
}

.meta .label.type.articolo,
.primary-t-5 {
    background-color: rgba(169, 26, 25, .075)
}

.primary-t-10 {
    background-color: rgba(169, 26, 25, .2)
}

.primary-t-50 {
    background-color: rgba(169, 26, 25, .5)
}

.primary-t-75 {
    background-color: rgba(169, 26, 25, .75)
}

.primary-t-color {
    background-color: rgba(169, 26, 25, .95)
}

.primary-t-dark {
    background-color: rgba(171, 0, 0, .95)
}

.meta .label.type.news,
.secondary-t-5 {
    background-color: rgba(217, 3, 115, .05)
}

.secondary-t-50 {
    background-color: rgba(217, 3, 115, .5)
}

.secondary-t-75 {
    background-color: rgba(217, 3, 115, .75)
}

.secondary-t-color {
    background-color: rgba(217, 3, 115, .95)
}

.meta .label.area.endocrinologia:hover,
.secondary-t-dark {
    background-color: rgba(164, 0, 74, .97)
}

.success-t-5 {
    background-color: rgba(29, 190, 205, .05)
}

.success-t-50 {
    background-color: rgba(29, 190, 205, .5)
}

.success-t-75 {
    background-color: rgba(29, 190, 205, .75)
}

.success-t-color {
    background-color: rgba(29, 190, 205, .9)
}

.meta .label.area.oncologia:hover,
.success-t-dark {
    background-color: rgba(0, 138, 153, .95)
}

.danger-t-5 {
    background-color: rgba(84, 20, 113, .08)
}

.danger-t-50 {
    background-color: rgba(84, 20, 113, .5)
}

.danger-t-color {
    background-color: rgba(84, 20, 113, .95)
}

.danger-t-dark,
.meta .label.area.neurologia:hover {
    background-color: rgba(63, 0, 93, .95)
}

.warning-t-5 {
    background-color: rgba(0, 147, 221, .05)
}

.warning-t-50 {
    background-color: rgba(0, 147, 221, .5)
}

.warning-t-color {
    background-color: rgba(0, 147, 221, .95)
}

.meta .label.area.fertilita:hover,
.warning-t-dark {
    background-color: rgba(0, 94, 162, .95)
}

.info-t-5 {
    background-color: rgba(62, 158, 31, .05)
}

.info-t-50 {
    background-color: rgba(62, 158, 31, .5)
}

.info-t-75 {
    background-color: rgba(62, 158, 31, .75)
}

.info-t-color {
    background-color: rgba(62, 158, 31, .95)
}

.info-t-dark,
.meta .label.area.cardiologia:hover {
    background-color: rgba(0, 103, 0, .95)
}

.primary-5 {
    background-color: #ffefe8
}

.primary-10,
nav .dropdown-menu .dropdown-item:focus,
nav .dropdown-menu .dropdown-item:hover {
    background-color: #ffded1
}

.primary-50 {
    background-color: #ff9c79
}

.primary-color {
    background-color: #a91a19
}

.primary-dark {
    background-color: #ab0000
}

.secondary-5 {
    background-color: #ffedf1
}

.secondary-10 {
    background-color: #fedbe4
}

.secondary-50 {
    background-color: #f391b0
}

.secondary-75 {
    background-color: #ea6997
}

.secondary-color {
    background-color: #d90373
}

.secondary-dark {
    background-color: #a4004a
}

.success-5 {
    background-color: #eff9fa
}

.success-10 {
    background-color: #e0f3f6
}

.success-50 {
    background-color: #afe2e8
}

.success-color {
    background-color: #1dbecd
}

.success-dark {
    background-color: #008a99
}

.danger-5 {
    background-color: #efe8f2
}

.danger-10 {
    background-color: #e0d2e4
}

.danger-50 {
    background-color: #a27db0
}

.danger-color {
    background-color: #541471
}

.danger-dark {
    background-color: #3f005d
}

.warning-5 {
    background-color: #eff5fc
}

.warning-10 {
    background-color: #dfeaf9
}

.warning-50 {
    background-color: #9ac2ed
}

.warning-color {
    background-color: #0093dd
}

.warning-dark {
    background-color: #005ea2
}

.info-5 {
    background-color: #eff6ea
}

.info-10 {
    background-color: #deeed6
}

.info-50 {
    background-color: #9dcb87
}

.info-color {
    background-color: #3e9e1f
}

.info-dark {
    background-color: #006700
}

.grey-5 {
    background-color: #e8e8e8
}

.grey-10 {
    background-color: #d2d2d2
}

.grey-25 {
    background-color: #bcbcbc
}

.grey-50 {
    background-color: #919191
}

.grey-75 {
    background-color: #565656
}

.grey-color,
.grey-t-color {
    background-color: #212121
}

.grey-dark,
.grey-t-dark {
    background-color: #161616
}

.grey-t-5 {
    background-color: rgba(33, 33, 33, .05)
}

.grey-t-10 {
    background-color: rgba(33, 33, 33, .1)
}

.grey-t-25 {
    background-color: rgba(33, 33, 33, .22)
}

.grey-t-50 {
    background-color: rgba(33, 33, 33, .44)
}

.grey-t-75 {
    background-color: rgba(33, 33, 33, .73)
}

.text-grey-5 {
    color: #e8e8e8
}

.text-grey-10 {
    color: #d2d2d2
}

.text-grey-25 {
    color: #bcbcbc
}

.text-grey-50 {
    color: #919191
}

.text-grey-75,
.time {
    color: #565656
}

.heading h2,
.text-grey-color {
    color: #212121
}

.text-grey-dark {
    color: #161616
}

.bg-gradient-primary {
    background: rgba(169, 26, 25, .95);
    background: linear-gradient(0deg, rgba(169, 26, 25, .5) 0, rgba(169, 26, 25, .95) 50%, rgba(171, 0, 0, .95) 100%)
}

.bg-gradient-secondary {
    background: rgba(217, 3, 115, .95);
    background: linear-gradient(0deg, rgba(217, 3, 115, .5) 0, rgba(217, 3, 115, .95) 50%, rgba(164, 0, 74, .97) 100%)
}

.subfooter {
    padding: 4rem 0;
    background-color: #a91a19;
    color: #fff
}

.subfooter a {
    color: #fff
}

.subfooter a:hover {
    color: #ff9c79
}

.heading {
    padding: 3rem 0
}

.heading i {
    font-size: 2.25rem;
    color: #a91a19
}

.squared-hero {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    padding: 10rem 0 6rem;
    position: relative;
    overflow: hidden
}

.squared-hero .location {
    display: inline-grid;
    gap: .45rem;
    padding: 1.25rem;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 1rem;
    box-shadow: rgba(33, 33, 33, .75) 0 10px 10px -10px
}

.squared-hero .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: radial-gradient(circle, transparent 0, #ffefe8 50%, #ffefe8 100%);
    z-index: -1
}

.squared-hero .img-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    background-attachment: fixed;
    z-index: -2
}

.squared-hero .squared-img {
    width: 100%;
    object-fit: cover;
    border-radius: .5rem;
    margin: 0
}

.squared-hero::after {
    content: "";
    display: block;
    padding-bottom: 0
}

@media (min-width:576px) {
    .squared-hero::after {
        padding-bottom: 60%
    }
}

.overlay-top {
    position: relative;
    height: 2px;
    margin: 0 0 6rem;
    background: radial-gradient(circle, #a91a19 0, transparent 50%, transparent 100%);
    background-position: center bottom;
    z-index: 2
}

.meta {
    margin: 1.25rem 0;
    display: flex;
    align-items: center !important;
    justify-content: space-between !important;
    font-family: "Encode Sans Condensed", sans-serif;
    text-transform: uppercase;
    font-size: .75rem
}

.meta:first-child {
    margin: 0 0 1.25rem
}

.meta .label {
    font-family: "Encode Sans Condensed", sans-serif;
    margin: 0 .35rem 0 0;
    color: #fff;
    line-height: 1.3
}

.meta .label.btn {
    border-radius: 50rem;
    padding: .25rem .75rem
}

.meta .label.type {
    color: #212121;
    border: 1px solid #212121;
    background-color: #e8e8e8
}

.meta .label.type.articolo:hover {
    background-color: rgba(169, 26, 25, .5);
    color: #fff
}

.meta .label.type.news:hover {
    background-color: rgba(217, 3, 115, .5);
    color: #fff
}

.meta .label.type:hover {
    background-color: rgba(33, 33, 33, .44);
    color: #fff
}

.meta .label.area.oncologia {
    background-color: rgba(29, 190, 205, .75);
    color: #fff
}

.meta .label.area.neurologia {
    background-color: rgba(84, 20, 113, .75);
    color: #fff
}

.meta .label.area.fertilita {
    background-color: rgba(0, 147, 221, .75);
    color: #fff
}

.meta .label.area.cardiologia {
    background-color: rgba(62, 158, 31, .75);
    color: #fff
}

.meta .label.area.endocrinologia {
    background-color: rgba(217, 3, 115, .75);
    color: #fff
}

nav {
    padding: 1rem 0 !important;
    font-family: "Fira sans", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1rem;
    --ease: all 500ms ease;
    transition: var(--ease)
}

nav .navbar-brand img {
    width: 160px;
    --ease: all 500ms ease;
    transition: var(--ease)
}

nav.nav-scroll {
    background-color: #ffefe8 !important;
    box-shadow: rgba(33, 33, 33, .3) 0 6px 6px -4px;
    --ease: all 500ms ease;
    transition: var(--ease);
    padding: .75rem 0 !important
}

nav.nav-scroll .navbar-brand img {
    width: 90px;
    --ease: all 500ms ease;
    transition: var(--ease)
}

nav .navbar-toggler {
    border: none !important;
    padding: .35rem .5rem;
    background-color: #a91a19;
    box-shadow: rgba(33, 33, 33, .3) 0 6px 6px -4px;
    transition: .5s
}

nav .navbar-toggler:hover {
    background-color: #ab0000;
    transition: .5s
}

nav .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

nav .nav-item {
    margin: 0 .35rem
}

nav .nav-item .nav-link:hover,
nav .nav-link:hover {
    color: #ab0000 !important;
    transition: .5s
}

nav .dropdown-menu {
    border-radius: .2rem;
    margin-top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    border-top-style: hidden;
    box-shadow: rgba(33, 33, 33, .3) 0 6px 6px -4px;
    min-width: 200px !important
}

nav .dropdown-menu .dropdown-item {
    font-weight: 400;
    padding: 1.25rem 2rem !important
}

nav .nav-link {
    padding: .45rem 1.25rem !important;
    transition: .5s
}

.offcanvas {
    border-right: none !important;
    width: 100% !important
}

.offcanvas-header {
    padding: 0 2rem 0 14px
}

.offcanvas-body {
    padding: 1.5rem
}

.modal-body {
    padding: 2rem
}

.day {
    margin: 3rem 0 1rem
}

.sessions,
.topic {
    font-size: 1.1rem
}

.m-6 {
    margin: 5rem
}

.my-6 {
    margin: 5rem 0
}

.my-7 {
    margin: 7rem 0
}

.mt-6 {
    margin-top: 5rem
}

.mb-6 {
    margin-bottom: 5rem
}

.mt-7 {
    margin: 7rem 0 0
}

.p-6 {
    padding: 5rem
}

.py-6 {
    padding: 5rem 0
}

.pt-6 {
    padding-top: 5rem
}

.py-7 {
    padding: 7rem 0
}

.py-8 {
    padding: 8rem 0
}

.pt-10 {
    padding: 10rem 0 0
}

.py-10 {
    padding: 10rem 0
}

@media (max-width:1024px) {
    .m-6 {
        margin: 3rem !important
    }

    .my-6 {
        margin: 3rem 0
    }

    .my-7 {
        margin: 5rem 0
    }

    .mt-6 {
        margin-top: 3rem
    }

    .mb-6 {
        margin-bottom: 3rem
    }

    .mt-7 {
        margin: 5rem 0 0
    }

    .p-6 {
        padding: 3rem
    }

    .py-6 {
        padding: 3rem 0
    }

    .pt-6 {
        padding-top: 3rem
    }

    .pb-6 {
        padding-bottom: 3rem
    }

    .py-7 {
        padding: 6rem 0
    }

    .py-8 {
        padding: 5rem 0
    }

    .pt-10 {
        padding: 8rem 0 0
    }

    .py-10 {
        padding: 8rem 0
    }
}

.squared,
.squared-1,
.squared-2,
.squared-3 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: .5rem
}

.squared-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.squared::after {
    content: "";
    display: block;
    padding-bottom: 35%
}

@media (max-width:992px) {
    .squared::after {
        padding-bottom: 55%
    }
}

.squared-1::after,
.squared-2::after,
.squared-3::after {
    content: "";
    display: block;
    padding-bottom: 40%
}

@media (min-width:768px) {
    .squared-1::after {
        padding-bottom: 75%
    }

    .squared-3::after {
        padding-bottom: 40%
    }
}

.squared-squared {
    position: relative;
    height: 90px;
    padding: 0;
    margin: 0 0 1.25rem;
    overflow: hidden;
    border-radius: .5rem
}

@media (min-width:992px) {
    .squared-hero::after {
        padding-bottom: 35%
    }

    nav {
        padding: 2rem 0 !important
    }

    .squared-2::after {
        padding-bottom: 65%
    }

    .squared-squared {
        min-width: 120px;
        max-width: 120px;
        height: 120px;
        margin: 0
    }
}

@media (min-width:1200px) {
    .squared-squared {
        margin: 0
    }
}

.squared-squared .squared-img {
    width: 100%;
    object-fit: cover;
    margin: 0
}

.squared-squared::after {
    content: "";
    display: block;
    padding-bottom: 70%
}

.talent {
    padding: 0 0 6rem;
    text-align: center;
    background: linear-gradient(90deg, #ffefe8 10%, transparent 51%, #ffefe8 90%), repeating-linear-gradient(180deg, #ffefe8 0, rgba(255, 255, 255, .75) 51%, #ffefe8 100%), repeating-linear-gradient(to right, #ffefe8, #ffefe8, 2px, #ffefe8, 2px, #ff9c79 5px);
    background-clip: padding-box
}

.talent-form {
    padding: 1.25rem
}

.talent-form .inner {
    margin: .75rem 0
}

.talent-form .inner .form-label,
.talent-form .inner .form-text {
    letter-spacing: -.02rem
}

.border-top {
    border-top: 1px solid #e8e8e8 !important
}

.rounded {
    border-radius: .2rem !important;
    overflow: hidden
}

.rounded-n {
    border-radius: .5rem !important;
    overflow: hidden
}

.shadow {
    box-shadow: rgba(33, 33, 33, .3) 0 6px 6px -4px !important
}

html {
    height: 100% !important;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

body {
    font-family: "Fira sans", sans-serif;
    font-weight: 400;
    color: #212121;
    background-color: #ffefe8;
    background-size: 100% 100%;
    -webkit-animation: 25s infinite AnimationName;
    -moz-animation: 25s infinite AnimationName;
    animation: 25s infinite AnimationName;
    height: 100% !important
}

@-webkit-keyframes AnimationName {

    0%,
    100% {
        background-position: 0 79%
    }

    50% {
        background-position: 100% 22%
    }
}

@-moz-keyframes AnimationName {

    0%,
    100% {
        background-position: 0 79%
    }

    50% {
        background-position: 100% 22%
    }
}

@keyframes AnimationName {

    0%,
    100% {
        background-position: 0 79%
    }

    50% {
        background-position: 100% 22%
    }
}

body:not(.focus-visible) :focus:not(.focus-visible) {
    outline: 0 !important
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

:focus {
    outline: 0 !important;
    box-shadow: none !important
}

hr {
    margin: 3rem 0 !important;
    border-top: 1px solid #ffded1 !important
}

@media (min-width:1320px) {

    .container,
    .container-lg {
        max-width: 1400px
    }
}

.container-fluid {
    max-width: 1800px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Fira sans", Arial, sans-serif;
    font-weight: 700;
    margin: 0
}

.h1,
h1 {
    font-size: calc(2.4rem + .1vw);
    line-height: calc(2.7rem + .1vw);
    letter-spacing: -.11rem
}

@media (max-width:768px) {
    .heading {
        padding: 4rem 0 2rem
    }

    .m-6 {
        margin: 2rem !important
    }

    .my-6 {
        margin: 2rem 0
    }

    .my-7 {
        margin: 4rem 0
    }

    .mt-6 {
        margin-top: 2rem
    }

    .mb-6 {
        margin-bottom: 2rem
    }

    .mt-7 {
        margin: 4rem 0 0
    }

    .p-6 {
        padding: 2rem !important
    }

    .py-6 {
        padding: 2rem 0
    }

    .pt-6 {
        padding-top: 2rem !important
    }

    .pb-6 {
        padding-bottom: 2rem !important
    }

    .py-7 {
        padding: 5rem 0 2rem
    }

    .py-8 {
        padding: 4rem 0
    }

    .pt-10 {
        padding: 6rem 0 0
    }

    .py-10 {
        padding: 6rem 0
    }

    .h1,
    h1 {
        font-size: calc(1.8rem + .1vw);
        line-height: calc(1.9rem + .1vw);
        letter-spacing: -.05rem
    }
}

.h1.fw-light,
h1.fw-light {
    font-weight: 300 !important;
    letter-spacing: -.075rem
}

.h1.display-1,
h1.display-1 {
    font-weight: 700;
    font-size: calc(5rem + .1vw);
    line-height: calc(5.6rem + .1vw);
    letter-spacing: -.1rem
}

@media (max-width:1200px) {
    nav .navbar-brand img {
        width: 120px
    }

    .h1.display-1,
    h1.display-1 {
        font-size: calc(4rem + .1vw);
        line-height: calc(4rem + .1vw)
    }
}

.h1.display-2,
h1.display-2 {
    font-weight: 700;
    font-size: calc(3rem + .1vw);
    line-height: calc(3.4rem + .1vw);
    letter-spacing: -.1rem !important
}

.h2,
h2 {
    font-size: calc(1.8rem + .1vw);
    line-height: calc(2.1rem + .1vw);
    letter-spacing: -.05rem
}

.h2.fw-light,
h2.fw-light {
    font-weight: 300 !important;
    letter-spacing: -.075rem !important
}

.h3,
h3 {
    font-size: calc(1.5rem + .1vw);
    line-height: calc(1.7rem + .1vw);
    letter-spacing: -.03rem
}

.h3.fw-light,
h3.fw-light {
    font-weight: 300 !important;
    letter-spacing: -.03rem
}

.h4,
h4 {
    font-size: calc(1.1rem + .1vw);
    line-height: calc(1.3rem + .1vw);
    letter-spacing: -.03rem
}

.h4.fw-light,
.h5.fw-light,
.h6.fw-light,
h4.fw-light,
h5.fw-light,
h6.fw-light {
    font-weight: 300 !important;
    letter-spacing: -.01rem
}

.h5,
h5 {
    font-size: calc(.9rem + .1vw);
    line-height: calc(1.2rem + .1vw);
    letter-spacing: -.04rem
}

.h6,
h6 {
    font-size: calc(.75rem + .1vw);
    line-height: calc(1rem + .1vw);
    letter-spacing: -.03rem
}

a {
    text-decoration: none;
    color: #212121;
    transition: .5s;
    letter-spacing: -.025rem
}

a :hover {
    color: #d90373;
    transition: .5s
}

li,
p {
    font-family: "Fira sans", Arial, sans-serif;
    letter-spacing: -.04rem;
    font-size: calc(.9rem + .1vw);
    line-height: calc(1.5rem + .1vw);
    margin: 0;
    font-weight: 400
}

li.lead,
p.lead {
    font-size: calc(1.15rem + .1vw);
    line-height: calc(1.6rem + .1vw);
    margin: 0;
    font-weight: 400
}

@media (max-width:576px) {
    .heading {
        padding: 2rem 0
    }

    .squared-hero {
        padding: 8rem 0 6rem
    }

    .meta .date {
        display: none
    }

    .squared,
    .squared-1,
    .squared-2,
    .squared-3,
    .squared-squared {
        border-radius: .2rem
    }

    .squared::after {
        padding-bottom: 200%
    }

    hr {
        margin: 1.25rem 0 !important
    }

    .h1,
    h1 {
        font-size: calc(1.5rem + .1vw);
        line-height: calc(1.7rem + .1vw);
        letter-spacing: -.05rem
    }

    .h1.display-1,
    h1.display-1 {
        font-size: calc(2.6rem + .1vw);
        line-height: calc(2.6rem + .1vw)
    }

    .h1.display-2,
    h1.display-2 {
        font-size: calc(2.5rem + .5vw);
        line-height: calc(2.6rem + .5vw)
    }

    .h2,
    h2 {
        font-size: calc(1.3rem + .1vw);
        line-height: calc(1.5rem + .1vw);
        letter-spacing: -.05rem
    }

    li.lead,
    p.lead {
        font-size: calc(1.1rem + .1vw);
        line-height: calc(1.6rem + .1vw)
    }
}

.small,
small {
    font-size: calc(.7rem + .1vw);
    line-height: calc(.95rem + .1vw) !important
}

.text-shadow-lg {
    text-shadow: 4px 4px 10px rgba(33, 33, 33, .5)
}

.text-shadow {
    text-shadow: 2px 2px 6px rgba(33, 33, 33, .5)
}

.spacer {
    height: 100px
}