@font-face {
    font-family: boldFont;
    src: url('../../assets/fonts/SFPRODISPLAYBOLD.OTF');
}

@font-face {
    font-family: lightFont;
    src: url('../../assets/fonts/FontsFree-Net-SFProDisplay-Light.ttf');
}
@font-face {
    font-family: semiBold;
    src: url('../../assets/fonts/FontsFree-Net-SFProDisplay-Semibold.ttf');
}
@font-face {
    font-family: mediumFont;
    src: url('../../assets/fonts/SFPRODISPLAYMEDIUM.OTF');
}



.content {
    margin-bottom: 104px;
}
.jumbotron {
    display: flex;
    margin-bottom: 76px;
    margin-top: 33px;
}
.leftJumbotron {
    background: #2C3C90;
    border-radius: 145px 0px 0px 145px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    min-width: 194px;
}
.rightJumbotron {
    background: #2C3C90;
    border-radius: 145px 0px 0px 145px;
    padding-top: 78px;
    padding-bottom: 76px;
    margin-left: 46px;
    width:100%;
}

.pageTitle {
    text-transform: uppercase;
    font-family: mediumFont;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 3px;
    text-align: right;
    color:#ffffff;
    margin-bottom: 21px;
}
.pageSubtitle {
    font-family: semiBold;
    font-size: 44px;
    font-weight: 600;
    line-height: 53px;
    letter-spacing: 0px;
    text-align: right;
    color:#ffffff;
}


/* content */
.heading {
    font-family: boldFont;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: justified;
    margin-bottom: 20px;
    color:#000000;
}
.text {
    font-family: lightFont;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: justify;
    margin-bottom: 20px;
    color:#000000;
}

.bold {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.link {
    color:#04ACEC;
}



@media screen and (min-width:0px){}
@media screen and (min-width:576px){}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
    .rightJumbotron {
        padding-right: 160px;
    }
    .field {
        margin-left: 160px;
        margin-right: 160px;
    }
}
@media screen and (min-width:1024px){}
@media screen and (min-width:1200px){
    .rightJumbotron{
        padding-right: 240px;
        padding-left: 157px;
    }
    .field {
        margin-right: 240px;
        margin-left: 240px;
    }
}

@media screen and (max-width:1199px) {
    .leftJumbotron {
        min-width: 134px;
    }
    .rightJumbotron {
        margin-left: 26px;
    }
}
@media screen and (max-width:991px){
    .pageSubtitle {
        font-size: 36px;
        line-height: 43px;
    }
    .leftJumbotron {
        margin-right: 30px;
    }
    .rightJumbotron {
        padding-left: 40px;
        padding-right: 40px;
        margin:0;
    }
    .field {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media screen and (max-width:768px) {
    .field {
        margin-left: 30px;
        margin-right: 30px;
    }
    .pageTitle {
        font-size: 10px;
        line-height: 11.93px;
    }
    .pageSubtitle {
        font-size: 24px;
        line-height: 28px;
    }
}