@media screen and (min-width: 0px) and (max-width: 699px){
    #logo_container{
        display: none;
    }
}
body{
    padding: 20px;
}
#header_left{
    width:350px;
    float:left;
}
#header_left label{
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 30px;
}
#header_left img{
    height:120px;
}
#header_right{
    padding-top: 20px;
    text-align:right;
    float:left;
    width: 350px;
}
#header_right label{
    display:block;
    font-family: Trebuchet MS;
    font-weight: normal;
    font-size: 20px;
    color: #222222;
}
#left_body{
    float:left;
    width:200px;
}
#left_body div{
    margin-top:25px;
    margin-bottom: 15px;
}
#palecek, #guildmaster, #surya{
    height: 35px;
}
#johnbeard{
    height: 50px;
}
#treemaster{
    height: 40px;
}
#the_lines{
    margin-left: 20px;
    margin-top: 20px;
    width: 109px;
    height: 451px;
}

#right_body{
    padding-top: 20px;
    width:500px;
    float:left;
}
.line_info{
    border: 3px solid #444444;
    width:96%;
    margin-left: 10px;
    padding: 10px;
}
#palecek_small, #surya_small{
    height: 24px;
}
#guildmaster_small{
    height: 32px;
}
#johnbeard_small{
    height: 35px;
}
#treemaster_small{
    height: 28px;
}
.overview p{
    font-family: arial;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px 0;
}
.line_contact label{
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    color: #222222;
}
.line_contact .red{
    color: red;
}
.line_specifics{
    text-align:right;
}
.line_specifics p{
    font-family: arial;
    font-size: 15px;
    line-height: 20px;
    margin:0;
}
.order_details{
    margin-top:10px;
    font-family: arial;
    font-size: 14px;
}
.shadow{
    padding:0;
}
.shadow img{
    height: 30px;
    width: 745px;
}