content/custos/static/css/main.css

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body, p{
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.3;
}

h1, h2, h3, h4{
    font-family: 'Jost', sans-serif;
}

.custos-nav .item{
    font-family: 'Jost', sans-serif;
    font-size: 20px;
}

.custos-mobile-nav,.ui.menu{
    font-family: 'Jost', sans-serif;
}


#theme-gradient {
    /*background: #5822e0;
    background: -moz-linear-gradient(-45deg, #5822e0 0%, #101864 100%);
    background: -webkit-linear-gradient(-45deg, #5822e0 0%,#101864 100%);
    background: linear-gradient(135deg, #5822e0 0%,#101864 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5822e0', endColorstr='#101864',GradientType=1 );*/

    background: #fe8c00;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

#footer-gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6118ff+0,2edbc4+100 */
    /*background: #6118ff; !* Old browsers *!
    background: -moz-linear-gradient(-45deg, #6118ff 0%, #2edbc4 100%); !* FF3.6-15 *!
    background: -webkit-linear-gradient(-45deg, #6118ff 0%,#2edbc4 100%); !* Chrome10-25,Safari5.1-6 *!
    background: linear-gradient(135deg, #6118ff 0%,#2edbc4 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6118ff', endColorstr='#2edbc4',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!
*/
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.brand-logo{
    width: 150px;
}

.masthead.segment {
    min-height: 500px;
    padding: 1em 1em;
}

.footer.segment {
    padding: 5em 0em;
}

.custos{
    padding: 8em 1em 5em 1em !important;
}

.page-title{
    font-size: 64px;
    line-height: 68px;
    letter-spacing: -2px;
    margin-bottom: 24px;
}

.custos-h1-header{
    font-size: 52px;
    font-weight:bold;
    line-height: 1.1;
}

.custos-h2-sub-header{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2.5px;
    color: #fb6100;
}

.custos-h2-header{
    font-size: 48px;
    font-weight:bold;
    line-height: 1.1;
}

.custos-h3-header{
    font-size: 34px;
    font-weight:bold;
    line-height: 1.1;
}

.custos-header-divider {
    width: 20%;
    border-top: 4px solid #fb6100 !important;
    border-bottom: none !important;
    height: 20px !important;
    margin: 2rem 0rem !important;
}

.custos-header-divider-centered {
    width: 20%;
    border-top: 4px solid #fb6100 !important;
    border-bottom: none !important;
    height: 20px !important;
    margin: 2rem auto !important;
}


.feature-box .card .content .header{
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    font-size: 22px;
}

.feature-box .feature-description{
    margin-top:1.5rem;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8);
}

.feature-box h2{
    font-weight: 700 !important;
    font-size: 30px !important;
    text-transform: capitalize !important;
}
.feature-box span{
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 1;
}

.feature-box{
    padding:1.5rem !important;
    background-color: #ffffff;
    border: 2px solid #000;
    border-radius: 10px;
    margin:0.5rem;
}

.custos-link{
    font-size: 24px;
    color: #ed6502;
}

.partner-logos img{
    margin: 2vw !important;
}

.footer-text{
    font-size: 1.5rem;
    color: #FFF;
}
.footer-text a{
    color: #ed6502;
}