.header {
    z-index: 1000;
}

.search-result-wrapper {
    width: 90%;
    border-bottom: 1px dotted #d3d3d3;
    padding: 3px 0px 3px 0px;
}

.search-result-saleyear {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

.search-result-details {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    padding: 3px 0px 3px 10px;
}

.search-result-detailsY {
    display: inline-block;
    background-color: #ffffff;
    width: 80%;
    overflow: hidden;
    padding: 3px 0px 3px 10px;
    border-top: 3px solid red;
}

.search-result-detailsW {
    display: inline-block;
    background-color: #ffffff;
    width: 80%;
    overflow: hidden;
    padding: 3px 0px 3px 10px;
    border-top: 3px solid #0094ff
}

.search-result-detailsH {
    display: inline-block;
    background-color: #ececec;
    width: 80%;
    overflow: hidden;
    padding: 3px 0px 3px 10px;
}

.search-legend {
    display: inline-block;
    width: 30%;
}

.search-wrapper {
    margin: 30px 0px 20px 0px;
}

input[type=text], select {
    width: 60%;
    padding: 12px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    display: inline-block;
    width: 20%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.search-legend-wrapper {
    display: block;
    width: 95%;
    border: 1px solid black;
    border-radius: 6px;
    padding: 10px 5px 0px 5px;
    margin-bottom: 10px;
}

.search-stallion {
    display: block;
    width: 95%;
    padding: 10px 0px 10px 0px;
}

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

@media only screen and (max-width: 500px) {
    .search-result-wrapper {
        font-size: 0.9em;
    }

    .search-legend {
        display: inline-block;
        width: 32%;
        font-size: 0.8em;
    }

    .search-stallion a {
        background-color: #6fb6ce;
        color: white;
        text-decoration: none;
        border-radius: 6px;
        padding: 6px 30px 6px 30px;
        margin: 20px 10px 10px 10px;
    }

    input[type=text], select {
        width: 70%;
        padding: 12px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }

    input[type=submit] {
        display: inline-block;
        width: 20%;
        background-color: #4CAF50;
        color: white;
        padding: 14px 14px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
}