﻿@media screen and (min-width:801px) {
    .mhl-content {
        margin-right: 0;
        margin-left: auto;
        width: 470px;
        padding: 25px 40px 5px 40px;
        background-color: rgba(0,0,0,0.4);
        
    }
    #main-content {
        position: relative;
        top: 120px;
    }
    #mhl-1 h2 {
        font-size:46px;font-size:4.6rem;
    }
}
@media screen and (min-width:200px) and (max-width:800px) {
    .mhl-content {
        margin-right: auto;
        margin-left: auto;
        padding:10px;
    }
    #through-line-to:before,#through-line-to:after {width:20% !important;}
    #through-line-form:before, #through-line-form:after {
        width:0 !important;
    }
}

#main-content ul {
    list-style:none;
}
#main-content ul li{
    line-height:2.3em;
    padding-right:25px;
    margin-right:30px;
    background-image:url('../images/GoToArrow-Small.png');
    background-position:right center;
    background-repeat:no-repeat;
}
#notifymeform table td {
    padding:10px;
}
#notifymeform input {
    width:99%;
    border-radius:8px;
    height:40px;
    border:none;
    display:block;
    padding: 1%;
    background-color:#999;
}

#notifymeform input:focus {
    border:none;
    box-shadow:0 0 10px #ffd800;
}
#notifymeform textarea {
    padding: 1%;
    width:98%;
    border-radius:8px;
    height:150px;
    border:none;
    background-color:#999;
}
#notifymeform textarea:focus {
    border:none;
    box-shadow:0 0 10px #ffd800;
}
#notifymeform input.button {
    padding:10px 20px;border:solid 3px #fff;
    text-decoration:none;
    border-radius:2px;
    display:inline-block;
    margin:15px 0;
    background:none;
    height:auto;
}
.button:hover {
    box-shadow:0 0 10px #ffd800;
}
.button:active {
    box-shadow:0 0 13px #ffd800;
}