@media only screen and (max-width: 768px){
    .home-banner {
        background-attachment: scroll!important;
    }
}

.home-banner:after {
    content:'';
    background-image: url(../images/pages/home/opensource-icon.png);
    background-size: 200px auto;
    background-position: bottom right;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    bottom: 25px;
    right: 25px;
    width: 200px;
    height: 90px;
    margin-left:auto;
    margin-top: -55px;
}
@media only screen and (max-width: 768px){
    .home-banner:after {
        margin-top: 0;
    }
}

.masthead .banner-ol-crossover {
    background: linear-gradient(45deg, rgba(228, 228, 228, 1), rgba(64, 64, 64, 1));
    border-radius: .10rem;
    width: 100%;
    padding: 15px 2px;
}

.new-version-banner {
    padding-bottom: 5px !important;
}

.banner-ol-wrapper .new-version-tab {
    background-color: #ff00ff;
    width: 150px;
    padding: 5px;
    margin: 0 0 -1px 0;
    color: #ffffff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.banner-ol-wrapper .new-version-border {
    background-color: #ff00ff;
    padding: 5px;
    margin: 0;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.banner-ol-wrapper .new-version-tab a {
    color: blue;
}

.banner-ol-wrapper .new-version-tab a:hover {
    color: cyan;
    text-decoration: none;
}

.banner-ol-wrapper .new-version-space {
    margin-top: 61px;
}

.masthead .banner-ol-txt {
    margin: 25px 0 15px 0;
    height: 50px;
}

.masthead .banner-ol-btn {
    margin: 0;
    text-align: center;
}

.masthead .banner-ol-btn a.btn-cw-outline {
    min-width: 155px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

@media only screen and (max-width: 767px){
    .masthead .banner-ol-crossover { padding: 15px 3px;}
}

.masthead .banner-ol-crossover img {
    width: 100%;
    height: auto;
}

.open-source-icon {
    width: 100%;
    text-align:right;
}

.opensource-image {
    width: 100%;
    max-width: 220px;
    height:auto;
    padding: 100px 0 0 0;
}

#cw-home-prods .card-img-top {
    transition: 1s;
}

#cw-home-prods .card-portjump .card-img-top:hover,
#cw-home-prods .card-execmode .card-img-top:hover {
    transform: scale(0.9);
}

#cw-home-prods .card-cw {
    background-size: 650px !important;
    background: linear-gradient(45deg, rgba(16,16,16,0.75), rgba(0,0,0,1) 70%), url('../images/pages/home/banner-home-2000.jpg');
}

#cw-home-prods .card-crossover {
    background: linear-gradient(45deg, rgba(32,32,32,0.95), rgba(0,0,0,0.8) 50%, rgba(32,32,32,0.95));
}

#cw-manifestro-box {
    height: 250px;
}

#cw-manifestro-box h4 {
    font-size: 26px;
    line-height: 120%;
    font-weight: 400;
    padding: 60px 175px;
    text-align: center;
}

@media only screen and (max-width: 1200px){
    #cw-manifestro-box {
        height: auto;
    }
    #cw-manifestro-box h4 {
        font-size: 16px;
        padding: 75px 100px;
    }
}