/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px)
{
    /* - General - */
    .lead {
	    font-size: 1.5rem;
    }

    /* - Template - */

    /* - Cards - */
    .cards .card-item .card-title > p {
        width: calc(100% - 5rem);
    }

    /* - Blog Cards - */
    .blog-cards .blog-card .new-content {
        padding: 1rem;
    }
    
    .blog-cards .blog-card .new-content .new-link {
        bottom: 1rem;
    }
    
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px)
{
    /* - General - */

    /* - Carousel - */
    .carousel > .carousel-inner > .carousel-item {
        padding: 3rem 1rem;
    }

    .carousel > .carousel-inner > .carousel-item::after {
        width: 100%;
    }

    .carousel > .carousel-inner > .carousel-item > .content {
        margin: 0 auto;
    }

    .carousel-indicators {
        left: 0;
        justify-content: center;
    }

    /* - Bordered Box - */
    .bordered-box .row .content {
        margin-bottom: 3rem;
    }

    .bordered-box .row:last-child .col-lg-5:last-child .content {
        margin-bottom: 0rem;
    }
    
    /* - Bordered Box Image - */
    .bordered-box-image .wrapper {
        padding-top: 4.375rem;
        padding-bottom: 4.375rem;
    }

    .bordered-box-image .content {
        border-right: 1px solid #ba3362;
        padding: 2.5rem;
    }

    .bordered-box-image .bg-picture {
        margin-top: -1rem;
        height: 20rem;
    }

    /* - Banner Box - */
    .banner-box .bg-banner .floating-box {
        padding: 3rem;
    }

    /* - Blog Cards - */
    .blog-cards .row .col-lg:first-child .blog-card {
        margin-bottom: 1rem;
    }

    /* - Image W Frame - */
    .image-w-frame .content {
        padding-top: 3rem;
    }

    .image-w-frame .content > p {
        margin-bottom: 1rem;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px)
{   
    /* - General - */
    .cover .bg-cover-w-info {
        margin-bottom: 0rem;
    }

    .cover .bg-cover-w-info .bio .stamp {
        margin-bottom: 0;
    }

    .cover .bg-cover-w-info .bio .stamp img + span {
        height: calc(100% + 2rem);
    }

    /* - Template - */
    footer {
        text-align: center;
    }

    /* - Gallery - */
    .gallery .row .gallery-photo {
        margin-bottom: 2rem;
    }

    /* - Bordered Box W Postal - */
    .bordered-box-w-postal {
        padding: 4rem 1rem;
    }
    
    /* - Floating Cards - */
    /* regular */
    .floating-cards .floating-card .floating-box .title-single {
        font-size: 1.375rem;
        margin-bottom: .5rem;
    }

    .floating-cards .floating-card .floating-box .labels {
        display: block;
        margin-bottom: .5rem;
    }

    .floating-cards .floating-card .floating-box .labels .button-rounded {
        font-size: .7rem;
        border-radius: 2rem;
        padding: .25rem 1rem;
        text-align: center;
        margin-bottom: .25rem;
    }

    .floating-cards .floating-card .floating-box .labels .button-rounded:not(:last-child) {
        margin-right: .25rem;
    }

    .floating-cards .floating-card .floating-box .date {
        font-size: 80%;
    }

    /* horizontal*/
    .floating-cards .horizontal.floating-card .floating-box {
        margin: 0 auto;
        margin-top: -4rem;
        width: calc(100% - 2rem);
    }

    /* - Articles - */
    .articles .article .title-single {
        font-size: 1.375rem;
        margin-bottom: 2rem;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px)
{
    /* - General -*/
    .title {
        font-size: 1.5rem;
    }

    .title-single {
        font-size: 1.5rem;
    }

    .lead {
	    font-size: 1rem;
    }

    .cover .bg-cover .cover-title {
        font-size: 1.8125rem;
    }

    /* - Template - */
    .navbar .navbar-right {
        top: 1.1rem;
        right: 5rem;
    }

    .navbar .navbar-right .button-rounded {
        display: inline-block;
        padding: .5rem;
    }

    .navbar .navbar-right .language-selector {
        display: block;
        margin-left: 0;
        text-align: center;
    }

    /* Carousel */
    .carousel > .carousel-inner > .carousel-item > .content > .horizontal-box {
        width: 100%;
    }

    .carousel > .carousel-inner > .carousel-item > .content > .vertical-box {
        display: none !important;
    }
    
    /* - Bordered Box - */
     .bordered-box .content {
        padding: 3rem;
    }

    /* - Bordered Box Image - */
    .bordered-box-image .bg-picture {
        height: 15rem;
    }

    /* - Banner Box - */
    .banner-box .bg-banner .floating-box {
        padding: 1.5rem;
        width: 90%;
    }

    /* - Blog Cards - */
    .blog-cards .blog-card .new-content{
        margin-bottom: 3rem;
    }
}