/*-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=*/
/*FEATURED CONTENT*/

#featured-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    max-width: 95%;
    margin: 60px auto 60px auto;
    align-items: center;
}

#featured-content .text-container {
    width: 95%;
    margin: 0 auto;
    order: 3;
}

#featured-content .text-container .title {
    line-height: 125%;
    margin-top: 0px;
    font-size: 1.75rem;
}

#featured-content .text-container .description {

}

#featured-content .text-container .buttons {

}

#featured-content .image-container {
    width: 95%;
    max-width: 150px;
    margin: 0 auto 15px auto;
    order: 2;
}

#featured-content .image-container #icon {
    width: 100%;
}

@media (min-width: 576px) {
    #featured-content {
        max-width: 500px;
        margin: 100px auto 100px auto;
    }

    #featured-content .text-container .title {
        font-size: 2rem;
    }
}

@media (min-width: 768px) {
    #featured-content {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        max-width: 700px;
    }

    #featured-content .text-container {
        width: 60%;
        max-width: 365px;
        order: 1;
    }

    #featured-content .image-container {
        width: 35%;
        max-width: 350px;
    }
}

@media (min-width: 992px) {
    #featured-content {
        max-width: 835px;
    }
}

@media (min-width: 1200px) {

}

@media screen {

}


/*-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=*/
/*FEATURED PAGES*/

#featured-pages {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    background: #f9f9ff;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

#featured-pages .box {
    margin: 0;
    padding-top: 45px;
    padding-bottom: 50px;
    width: 100%;
    border-left: 0;
    border-top: 1px solid #e0e0e0;
}

#featured-pages .box:first-of-type {
    border-top: none;
}

#featured-pages .box:first-of-type {
    border-left: none;
}

#featured-pages .box .text-container {
    width: 75%;
    margin: 0 auto;
}

#featured-pages .box .text-container .title {
    margin-top: 0px;
    color: #124076;
    font-size: 1.5rem;
    margin-bottom: 0px;
}

#featured-pages .box .text-container .description {
    font-size: .9rem;
    margin-top: 0px;
    margin-bottom: 30px;
}

#featured-pages .box .text-container .buttons-container {

}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    #featured-pages .box {
        width: 33%;
        border-left: 1px solid #E0E0E0;
        border-top: none;
    }

    #featured-pages .box:first-of-type {
        border-left: none;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media screen {

}


/*-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=-=-=---=-===-=--=--=*/
/*FEATURED ITEMS*/

#featured-items {
    display: flex;
    flex-flow: column;
    padding-top: 25px;
    padding-bottom: 25px;
}

#featured-items .feature-section:first-child {
    border-bottom: 1px solid #ddd;
}

#featured-items .feature-section {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 25px;
}

#featured-items .feature-section .text-container {
    width: 100%;
}

#featured-items .feature-section .text-container .title {
    margin-bottom: 0px;
    font-size: 1.5rem;
    color: #1883c3;
}

#featured-items .feature-section .text-container .list {
    margin-bottom: 30px;
}

#featured-items .feature-section .text-container .buttons-container {

}

#featured-items .feature-section .image-container {
    width: 25%;
    margin: 25px auto;
}

#featured-items .feature-section .image-container img {
    width: 100%;
}

@media (min-width: 576px) {
    #featured-items {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    #featured-items .feature-section {
        padding-bottom: 50px;
    }

    #featured-items .feature-section .text-container {
        width: 45%;
    }

    #featured-items .feature-section .image-container {
        width: 25%;
    }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media screen {

}