.comparison-matrix-wrapper {
    padding: 80px 0;
    background: white;
}

.comparison-matrix {
    table-layout: fixed;
    width:80%;
    min-width: 1100px;
    margin: 3.2em auto 0;
}

.comparison-matrix th,
.comparison-matrix td {
    border-collapse: collapse;
    border:1px solid #989898;
}

.comparison-matrix tbody th {
   border-left:none;
}
.comparison-matrix tbody td:last-child {
   border-right:none;
}


.comparison-matrix thead th {
    position: relative; 
    vertical-align: bottom; 
    text-align:center;
    padding:0;
    border:none;
}
.comparison-matrix tbody th {
    text-align: right;
}
.comparison-matrix thead th:nth-child(1) {
    width:34%; padding:1em 2em 1em 1em;
}
.comparison-matrix thead th:nth-child(2) {
    width:15%;
}
.comparison-matrix thead th:nth-child(3) {
    width:16.5%;
}
.comparison-matrix thead th:nth-child(4) {
    width:16.5%;
}
.comparison-matrix thead th:nth-child(5) {
    width:18%;
}


.comparison-matrix tbody th .dash-border-tip {
    padding:0.5em 0.75em; font-weight: 100; display: inline-block; font-size:100%;
}
.comparison-matrix tbody th .dash-border-tip .title {
    display: inline-block; vertical-align: middle;
}
.comparison-matrix tbody th .dash-border-tip img {
    margin:0 0 0 0.5em;
}
.comparison-matrix tbody td {
    padding:0.5em 0.75em; text-align: center;
}
.comparison-matrix tbody tr:nth-child(even) th,
.comparison-matrix tbody tr:nth-child(even) td {
    background:rgba(153, 171, 198, 0.1);
}

.comparison-matrix tbody td .feature {
    display: none;
}
.comparison-matrix tbody td img {
    width:1.5em;
}
.comparison-matrix tbody td .missing {
    color:#888;
}
.comparison-matrix tfoot td {
    padding:0.5em 0.75em; text-align: center; border:none;
}


.winning-your-league-stars-here {
    display: block; margin:0 0 1em;
}

.comparison-matrix .package {
    width: 100%;
    border-left:1px solid #888;
    position: relative; 
    padding:1em;
}

.comparison-matrix thead th .year {
    font-size: 100%; display: block; position: relative;
}
.comparison-matrix thead th .year span {
    background: #FFFFFF; position: relative; z-index:2; padding:0 0.5em; display: inline-block;
    font-family: endzone, sans-serif; font-weight: 100; color:#888;
}
.comparison-matrix thead th .year:after {
    content: '';
    background: #888888;
    position: absolute; 
    top:50%; left:50%; width:50%; height:1px;
    z-index: 1; margin-left:-25%;
}

.comparison-matrix thead th .title {
    color: #053376;
    font-family: 'endzone', sans-serif;
    text-transform: uppercase;
    font-size: 125%;
    font-weight: 100;
    white-space: nowrap;
}

.comparison-matrix thead th .dates-accessible {
    color: #888;
    display: block;
    font-family: 'endzone', sans-serif;
    font-size: 120%;
    font-weight: 100;
    text-transform: uppercase;
}

.comparison-matrix thead th .price {
    margin:0.5em 0 0; white-space: nowrap; line-height: 1em;
}

.comparison-matrix thead th .price .h3 {
    font-size: 255%;
    color: #a41c1f; 
    margin: 0;
}
.comparison-matrix thead th .price .h3 span {
    vertical-align: middle;
}
.comparison-matrix thead th .price .h3 span + img {
    vertical-align: middle; margin:0 0 0 0.18em;
}
.comparison-matrix thead th .price .pay-recurring-total {
    color:#888888; font-size:40%; margin:0 0.3em 0 0; text-decoration: line-through;
}
.comparison-matrix thead th .price .pay-recurring-price {
    font-size:75%;
}
.comparison-matrix thead th .price .x2 {
    font-size:40%; margin:0 0 0 0.1em;
}

.comparison-matrix .fa-question-circle {
    color: #AF282C;
}
.comparison-matrix thead th .price .note {
    text-transform: uppercase; font-family: 'endzone', sans-serif; font-size: 100%; font-weight: 100; color:#333333;
}

.comparison-matrix thead th .instant_access {
    margin:1em 0 0;
}




.comparison-matrix thead th:nth-child(5) .price {
    margin:0; line-height: 0.5em;
}
.comparison-matrix thead th:nth-child(5) .price .h3 {
    font-size: 420%; line-height: 0.8em; margin:0 0 0.3em;
}
.comparison-matrix thead th:nth-child(5) .package .dates-accessible {
    text-transform: none;
}




/* BUTTONS */


.comparison-matrix thead a,
.comparison-matrix tfoot a {
    -webkit-font-smoothing: antialiased;
    border-radius:0.5em; 
    font-family: endzone, sans-serif;
    font-weight: 100; padding:0.25em 0.25em;
    text-transform: uppercase;
    display: block; margin:1.5em 0 0;
    font-size:120%; white-space: nowrap;
}

.comparison-matrix thead th:nth-child(2) a,
.comparison-matrix tfoot td:nth-child(2) a {
    background:#263172; color:#FFFFFF; border:1px solid #263172;
}
.comparison-matrix thead th:nth-child(3) a,
.comparison-matrix tfoot td:nth-child(3) a,
.comparison-matrix thead th:nth-child(4) a,
.comparison-matrix tfoot td:nth-child(4) a {
    background:#FFFFFF; color:#263172; border:1px solid #263172;
}
.comparison-matrix thead th:nth-child(5) a,
.comparison-matrix tfoot td:nth-child(5) a {
    background:#f78439; color:#FFFFFF; border:1px solid #f78439;
}

.comparison-matrix thead th:nth-child(5) a {
    margin-top:0.4em;
}



.comparison-matrix thead th:nth-child(2) a:hover,
.comparison-matrix tfoot td:nth-child(2) a:hover {
    background:#2e3b8a; border-color:#2e3b8a;
}
.comparison-matrix thead th:nth-child(3) a:hover,
.comparison-matrix tfoot td:nth-child(3) a:hover,
.comparison-matrix thead th:nth-child(4) a:hover,
.comparison-matrix tfoot td:nth-child(4) a:hover {
    color:#2e3b8a; border-color:#2e3b8a; background: #eaebf3;
}
.comparison-matrix thead th:nth-child(5) a:hover,
.comparison-matrix tfoot td:nth-child(5) a:hover {
    background:#fd9f46; border-color: #fd9f46;
}

.comparison-matrix thead th a:active,
.comparison-matrix tfoot td a:active {
    -webkit-filter:brightness(80%);
    -moz-filter:brightness(80%);
    -ms-filter:brightness(80%);
    filter:brightness(80%);
}




.comparison-matrix .winning-info {
    color: #263172; font-size: 220%; margin:0; text-transform: uppercase; text-align: right;
}
.comparison-matrix .winning-info span {
    font-size:75%; display: block;
}
.comparison-matrix .standout {
    background:#f78439; color:#FFFFFF; text-transform: uppercase; white-space: nowrap; width:100%; display: block; padding:0.4em 1em; font-size:100%; font-family: endzone, sans-serif; font-weight: 100; line-height: 1em;
}


@media only screen and (min-width: 1920px){
    .comparison-matrix thead th {
        font-size: 130%;
    }
    .comparison-matrix tbody th > span {
        font-size:120%;
    }
    .comparison-matrix tfoot a {
        font-size:155%;
    }
}


@media only screen and (max-width: 1200px){
    .comparison-matrix {
        width:94%;
        min-width: 0;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .comparison-matrix thead a, .comparison-matrix tfoot a {
        font-size:100%;
    }
    .comparison-matrix thead th .price .note {
        font-size:90%;
    }
}

@media only screen and (max-width: 992px) {

    .comparison-matrix {
        table-layout: auto;
    }
    /* Draft Package */
    .comparison-matrix thead th:nth-child(2),
    /* DFS Package */
    .comparison-matrix thead th:nth-child(4) {
        display: none;
    }
    /* Draft Package */
    .comparison-matrix tbody td:nth-child(2),
    /* DFS Package */
    .comparison-matrix tbody td:nth-child(4) {
        display: none;
    }
    /* Draft Package */
    .comparison-matrix tfoot td:nth-child(2),
    /* DFS Package */
    .comparison-matrix tfoot td:nth-child(4) {
        display: none;
    }

    .landing-header .h1 {
        font-size: 250%;
    }
    .landing-header .h3 {
        font-size: 180%;
    }

}

@media only screen and (max-width: 768px) {
    .landing-header {
        text-align: center;
    }
    .not-ready-form input[type="text"] {
        width: 45%;
    }
}

@media only screen and (max-width: 640px) {

    .comparison-matrix {
        margin-top:2.2em;
    }

    .comparison-matrix thead th:nth-child(1),
    .comparison-matrix thead th:nth-child(2),
    .comparison-matrix thead th:nth-child(3),
    .comparison-matrix thead th:nth-child(4) {
        display: none;
    }
    .comparison-matrix tbody td:nth-child(2),
    .comparison-matrix tbody td:nth-child(3),
    .comparison-matrix tbody td:nth-child(4),
    .comparison-matrix tbody td:nth-child(5) {
        display: none;
    }
    .comparison-matrix tbody th {
        text-align: center;
    }
    .comparison-matrix tfoot td:nth-child(1),
    .comparison-matrix tfoot td:nth-child(2),
    .comparison-matrix tfoot td:nth-child(3),
    .comparison-matrix tfoot td:nth-child(4) {
        display: none;
    }

    .comparison-matrix thead th:nth-child(5) .package {
        border:none;
        padding:0 1em 2.5em;
        font-size:130%;
    }
    .comparison-matrix th, .comparison-matrix td {
        border-right:none;
    }


    .comparison-matrix thead a, .comparison-matrix tfoot a {
        padding:0.25em 1.25em; display: inline-block; font-size:150%;
    }
    .comparison-matrix thead th:nth-child(5) a {
        margin-top:1em;
    }
    .comparison-matrix tfoot td:nth-child(5) a {
        margin-top:1em;
    }
    .comparison-matrix tfoot td a {
        font-size:195%;
    }
    .comparison-matrix .standout {
        display: inline-block; width:auto; display: none;
    }
    .comparison-matrix thead th .title {
        font-size: 145%;
    }
    .comparison-matrix tbody th > span {
        font-size: 100%;
    }

    .not-ready-form input[type="text"] {
        display: block;
        width: 100%;
    }


}


.why-wouldnt-you {
    display: table; width:80%; min-width:1100px; margin:0 auto;
}
.why-wouldnt-you .image {
    display:table-cell; width:40%; position: relative; vertical-align: bottom;
}
.why-wouldnt-you .image a { 
    padding:2.5em 1em 1em; margin:0;
}
.why-wouldnt-you .image a img {
    position:relative; width:84%; z-index: 2;
}
.why-wouldnt-you .image > img {
    width:48%; position: absolute; z-index:1; left:44%; top:-1em;
}
.why-wouldnt-you .text {
    display:table-cell; width:60%; vertical-align: middle; padding:0 0 0 3.5em;
}
.why-wouldnt-you .text .h1 {
    font-size: 420%; font-size:4.5vw; margin:0;
}


@media only screen and (max-width: 1200px) {

    .why-wouldnt-you {
        width:94%;
        min-width: 0;
    }

}

@media only screen and (max-width: 640px) {

    .why-wouldnt-you .image {
        display: none;
    }
    .why-wouldnt-you .text {
        padding:1em 2em;
    }
    .why-wouldnt-you .text {
        display: block; width:100%; text-align: center;
    }
    .why-wouldnt-you .text .h1 {
        font-size:280%;
    }
    .why-wouldnt-you .text .h1 br {
        display: none;
    }

}