﻿.comparison-table .copy {
    max-width: 60rem;
    margin: 20px auto;
}

.comparison-table .copy p{
    font-size: 20px;
    font-family: "din-2014", sans-serif;
    line-height: 25px;
}

.comparison-table .table {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

}

.comparison-table .table .table-column {

    /*flex-basis: 33%;*/
    flex:1;
    display: flex;
    flex-direction: column;
    margin-top:var(--global--spacing-vertical);
    margin-bottom:var(--global--spacing-vertical);

}

.comparison-table .table .table-column .column-image{
    min-height: 125px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.comparison-table .table .table-column .column-title{
    font-size: 32px;
    font-family: "din-2014", sans-serif;
    margin-top:var(--global--spacing-vertical);
    margin-bottom:var(--global--spacing-vertical);
    padding-left: 3rem;
}

.comparison-table .table .table-column img{
   height: 120px;
    width: auto;
    max-width: 100%;
}
.comparison-table .table .table-column .row{
    line-height: 24px;
    padding: .9rem .9rem .9rem 3rem;
    text-align: left;
    min-height: 125px;

}

.comparison-table .table .table-column .column-heading{
    padding-top:var(--global--spacing-vertical);
    padding-bottom:var(--global--spacing-vertical);
    border-bottom: 10px solid var(--red);
    color: var(--red);
    font-size: 28px;
    font-family: "din-2014", sans-serif;
    padding-left: 3rem;
}

.comparison-table .table .table-column .row:nth-child(even){
    background:  var(--gray-shade1);
}

/* adding a line to test push */

@media only screen and (max-width: 30rem){
.comparison-table .table .table-column {
    flex-basis: 95%;
    }
}    