﻿
/*title-one*/
.title-one .sub-title {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--default-font-family), serif;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.title-one .title {
    font-size: 82px;
    line-height: 1.03;
    font-family: var(--default-font-family), serif;
    font-weight: 800;
    margin-bottom: 15px;
}
    .title-one .title h2 {
        font-size: 35px;
    }
.title-one p {
    font-size: 22px;
    line-height: 38px;
}

@media only screen and (max-width: 1600px) {
    .title-one .title {
        font-size: 55px;
    }

    .title-one p {
        font-size: 18px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 1200px) {
    .title-one .title {
        font-size: 45px;
    }

    .title-one p {
        font-size: 18px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 991.98px) {
    .title-one .title {
        font-size: 32px;
    }
}

/*title-two*/
.title-two .sub-title {
    color: #104042;
    font-size: 18px;
    font-weight: 500;
    font-family: "Radio Canada Big", serif;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.title-two .title {
    font-size: 82px;
    line-height: 1.14;
    font-family: "Radio Canada Big", serif;
    font-weight: 600;
    margin-bottom: 20px;
}

.title-two p {
    font-size: 22px;
    line-height: 38px;
}

@media only screen and (max-width: 1600px) {
    .title-two .title {
        font-size: 55px;
    }

    .title-two p {
        font-size: 18px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 1200px) {
    .title-two .title {
        font-size: 45px;
    }

    .title-two p {
        font-size: 18px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 991.98px) {
    .title-two .title {
        font-size: 32px;
    }
}

/*title-two*/
.title-three .sub-title {
    color: #104042;
    font-size: 18px;
    font-weight: 500;
    font-family: "Radio Canada Big", serif;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.title-three .title {
    color: #104042;
    font-size: 82px;
    line-height: 1.14;
    font-family: "Radio Canada Big", serif;
    font-weight: 600;
    margin-bottom: 20px;
}

.title-three p {
    color: #104042;
    font-size: 22px;
    line-height: 38px;
}

@media only screen and (max-width: 1600px) {
    .title-three .title {
        font-size: 55px;
    }

    .title-three p {
        font-size: 18px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 1200px) {
    .title-three .title {
        font-size: 45px;
    }

    .title-three p {
        font-size: 18px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 991.98px) {
    .title-three .title {
        font-size: 32px;
    }
}
