@font-face {
    font-family: 'Lexend Giga';
    src        : url('../fonts/subset-LexendGiga-Regular.woff2') format('woff2'),
        url('../fonts/subset-LexendGiga-Regular.woff') format('woff'),
        url('../fonts/subset-LexendGiga-Regular.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src        : url('../fonts/subset-Raleway-Bold.woff2') format('woff2'),
        url('../fonts/subset-Raleway-Bold.woff') format('woff'),
        url('../fonts/subset-Raleway-Bold.ttf') format('truetype');
    font-weight : bold;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src        : url('../fonts/subset-Raleway-Regular.woff2') format('woff2'),
        url('../fonts/subset-Raleway-Regular.woff') format('woff'),
        url('../fonts/subset-Raleway-Regular.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
}


html {
    font-size: 62.5%;
}

.wrapper {
    /*max-width: 1920px;*/
}

.home-button {
    position: absolute;
    bottom  : 3rem;
    right   : 3rem;
}

.mb-9 {
    margin-bottom: 9rem;
}

.background {
    background-image     : url('../assets/background.jpg');
    background-color     : #32ABC4;
    background-blend-mode: multiply;
	background-size		 : cover;
}

.info-icon {
    position : absolute;
    right    : 0;
    bottom   : 0;
    transform: translateY(50%);
}

.background-gradient-layer {
    background: linear-gradient(180deg, rgba(63, 112, 122, 0.01) -2.81%, #0C3942 75.09%);
}

.content-padding {
    padding: 15rem 0;
}

.header-padding {
    padding: 5rem 0 4rem;
}

.font-lexend {
    font-family: Lexend Giga;
}

.breadcrumb,
.breadcrumb a {
    font-family    : Raleway;
    font-style     : normal;
    font-weight    : bold;
    font-size      : 1rem;
    line-height    : 4rem;
    letter-spacing : 0.2em;
    text-decoration: none;
}

.breadcrumb__top-level {
    color: #E7C517 !important;
}

.breadcrumb__sub-level {
    color: white !important;
}

h1 {
    font-family: Lexend Giga;
    font-style : normal;
    font-weight: normal;
    font-size  : 3.5rem;
    line-height: 130.9%;
    color      : #FFFFFF;
}

h2 {
    font-style : normal;
    font-weight: normal;
    font-size  : 2.8rem;
    line-height: 3.5rem;

    color: #FFFFFF;
}

h3 {
    font-family   : Raleway;
    font-style    : normal;
    font-weight   : bold;
    font-size     : 1.6rem;
    line-height   : 4rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;

    color: #000000;
}

p {
    font-family: Raleway;
    font-style : normal;
    font-weight: normal;
    font-size  : 1.6rem;
    line-height: 3rem;
    color      : #6F6F6F;
}

.indent h3 {
    line-height  : normal;
    margin-bottom: 0;
}

i {
    font-family: Raleway;
    font-style : italic;
    font-weight: normal;
    font-size  : 1.6rem;
    line-height: 3rem;
    color      : #6F6F6F;
}

a {
    font-family    : Raleway;
    font-style     : normal;
    font-weight    : 700;
    font-size      : 1.6rem;
    line-height    : 3rem;
    text-decoration: none;
    color          : #32AAC3;
}

.vertical-divider {
    border-right: 1px solid #84DDF1;
}

.link {
    font-family: Raleway;
    font-style : normal;
    font-weight: bold;
    font-size  : 1.6rem;
    line-height: 4rem;

    color: #E7C517;

    text-decoration: none;
}

ul.list-w-arrow {
    margin-left: 2rem;
    list-style : none;
    font-family: Raleway;
    font-style : italic;
    font-weight: 600;
    font-size  : 1.6rem;
    line-height: 3.5rem;
    color      : #6F6F6F;
}

ul.list-w-arrow li {
    padding-left       : 2rem;
    background         : url('../assets/right-arrow.svg') no-repeat;
    background-position: 0 50%;
}

footer {
    background: #08181D;
    padding   : 8rem;
}

footer .link {
    font-family: Raleway;
    font-style : normal;
    font-weight: bold;
    font-size  : 15px;

    text-align    : center;
    letter-spacing: 0.24em;
    text-transform: uppercase;

    margin-bottom: 3rem;

    color: #949494;
}

footer .copyright {
    font-family   : Raleway;
    font-style    : normal;
    font-weight   : normal;
    font-size     : 1.3rem;
    line-height   : 160.3%;
    letter-spacing: 0.24rem;
    text-transform: capitalize;
    color         : #949494;
}

footer .copyright>* {
    margin-bottom: 3.5rem;
}

footer .icon {
    max-height: 83px;
    width     : auto;
}

@media screen and (max-width: 991px) {
    .vertical-divider {
        border: none;
    }
}

@media (max-width: 576px) {
  h1 { font-size: 2.5rem; }
}

ul {
    margin-left: 2rem;
    font-family: Raleway;
    /*font-style : italic;*/
    /*font-weight: 600;*/
    font-size  : 1.6rem;
    line-height: 3.5rem;
    color      : #6F6F6F;
}

h1,h2,h3{
	color: #6F6F6F;
}