/* ======================================================================

  open-source.css
  
  Index:
  - Featured Work
  - Best Tools Section

/* ====================================================================== */



/**
 * Featured Work
 */

.os-work-featured {
    padding: 20px 40px;
}

.os-work-featured .hs_cos_wrapper_type_widget_container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.os-work-featured .hs_cos_wrapper_type_custom_widget {
    width: 33%;
    display: flex;
}

.os-work-featured .card {
    margin: 7%;
}

.os-work-featured .card-text {
    display: flex;
    flex-direction: column;
}

.os-work-featured .card-text p {
    flex-grow: 1;
}

@media (max-width: 768px) {
    .os-work-featured .card-image {
        
    }
}



@media ( max-width: 768px ) {
    
    .os-work-featured {
        padding: 0;
    }
    .os-work-featured .hs_cos_wrapper_type_widget_container {
        flex-wrap: wrap;
    }
    
    .os-work-featured .hs_cos_wrapper_type_custom_widget {
        width: 100%;
    }
}

/**
 * Best Tools
 */
 
.best-tools .card-grid {
    width: 100%;
}

.best-tools .card-grid .media-image {
    min-width: auto;
    height: 186px;
}
.best-tools .card-grid img {
    max-width: 220px;
    max-height: 130px;
}

.best-tools .card-link {
    border: 1px solid #cccccc;
    border-bottom-width: 2px;
}

/**
 * Open Source Advantage
 */


.os-graph {
    text-align: center;
}
.os-graph img {
    width: 588px;
}

@media (max-width: 768px) {
    .os-graph img {
        width: 100%;
    }
}

.os-icons {
    width: 120px;
    margin-top: 40px;
}

@media (min-width: 480px) {
    .os-icons {
        float: right;
        margin-left: 20px;       
    }
}