﻿/* ********* DESKTOP ***************************************************************************************/
/* ********* DESKTOP ***************************************************************************************/
/* ********* DESKTOP ***************************************************************************************/
@media only screen and (min-width: 55em) {

    ul.stock {
        text-align: left;
    }
    .timing-quote {
        padding-left: 5%;
        text-indent: -5%;
    }

    p.timing-main:first-line {
        font-weight: bold;
    }

    section:nth-of-type(1).stock {
        flex: 86%;
    }

    .multicolumnstock {
        display: block;
        width: 95%;
        text-align: left;
    }

    section div.multicolumnstock div img.stock {
        display: initial;
        visibility: visible;
    }

    img.stock:first-of-type {
        float: right;
        padding-right: 5em;
        padding-top: 5em;
    }

    img.stock:nth-of-type(2) {
        float: right;
        padding-right: 5em;
        padding-top: 1em;
    }

    .multicolumnstock div:nth-of-type(2) img {
        float: right;
        padding-right: 10em;
        padding-top: 5em;
    }

        .multicolumnstock div:nth-of-type(2) img:nth-of-type(2) {
            float: right;
            padding-right: 10em;
            padding-top: 3em;
        }

    .floatknow {
        float: left;
        width: 20%;
    }

    .firststylelist {
        padding-left: 3em;
    }

    h4.stock {padding-left: 2em;}

    .button {
        background: #000000;
        background: -moz-linear-gradient(left, #000000 0%, #C00000 100%);
        background: -webkit-linear-gradient(left, #000000 0%, #C00000 100%);
        background: linear-gradient(to right, #000000 0%, #C00000 100%);
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
        margin-top: 4em;
        border-radius: 10px 10px;
        box-shadow: 0 2px #666;
    }

        .button:hover {
            background: #500000;
            background: -moz-linear-gradient(left, #500000 0%, #C00000 90%);
            background: -webkit-linear-gradient(left, #500000 0%, #C00000 90%);
            background: linear-gradient(to right, #500000 0%, #C00000 90%);
            box-shadow: 0 3px #666;
        }

        .button:active {
            background-color: #3e8e41;
            box-shadow: 0 5px #666;
            transform: translateY(4px);
        }
}