@media (min-width: 768px){
    .masthead1 {
        height: 100px;
        min-height: 0;
        /*width: 40.5rem;*/
        padding-bottom: 0;
    }
}
.masthead1 {
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem;
    z-index: 2;
}
@media (min-width: 768px){
    .masthead1 .masthead-bg1 {
        min-height: 0;
        /* transform: skewX(-8deg); */
        transform-origin: top right;
    }
}
.masthead1 .masthead-bg1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    min-height: 35rem;
    height: 100%;
    background-color: rgb(0,0,0);
    /* transform: skewY(4deg); */
    transform-origin: bottom right;
}

@media (min-width: 768px){
    .masthead1 .masthead-content1 {
        padding-left: 3rem;
        padding-right: 10rem;
    }
}
.text-white {
    color: #fff!important;
}

.column {
    float: left;
    width: 70%;
    padding: 10px;
    /*height: 300px; /!* Should be removed. Only for demonstration *!/*/
}
.column1 {
    float: left;
    width: 30%;
    padding: 10px;
    /*height: 300px; /!* Should be removed. Only for demonstration *!/*/
}
.column3 {
    float: left;
    width: 30%;
    padding: 10px;
    /*height: 300px; /!* Should be removed. Only for demonstration *!/*/
}
.column5 {
    float: left;
    width: 20%;
    /*padding: 10px;*/
    /*height: 300px; /!* Should be removed. Only for demonstration *!/*/
}
.column6 {
    float: left;
    width: 75%;
    /*padding-top: 10px;*/
    /*height: 300px; /!* Should be removed. Only for demonstration *!/*/
}
.margin-left{
    margin-left: 15px;
}
.h-30{
    margin-top: 50px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.font-size-16{
    font-size: 16px;
}
.margin-bottom{
    margin-bottom: 20px;
}