html, body {
    color:#FFFFFF;
    height: 100%;
    width: 100%;
    padding:0;
    margin:0;
    overflow: hidden;
    background-color: #A4171A;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A4171A), to(#640407));
    background-image: -webkit-linear-gradient(top, #A4171A, #640407);
    background-image: -moz-linear-gradient(top, #A4171A, #640407);
    background-image: -ms-linear-gradient(top, #A4171A, #640407);
    background-image: -o-linear-gradient(top, #A4171A, #640407);
    background-repeat:no-repeat;
}

#mid {
    position:relative;
    display:block;
    top:50%;
    margin-top: -1030px;
    height: 2000px;
    text-align: center;
    line-height: 2000px;
}

#wrap {
    line-height:0;
}

#wrap img {
    vertical-align:middle;
    background-image:url("/resources/images/trucomment icon 5 trans 300w.png");
    width:300px;
    height:220px;
    background-repeat:no-repeat;
    border:0;
    margin:0;
    padding:0;
}

#info {
	position:absolute;
	margin:14px 21px 16px 21px;
	left:0;
	bottom:0;
}

#info p {
	padding:0;
	margin:0;
	text-align:left;
	color:white;
  font-size:11px;
}

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

}    
@media only screen and (min-width: 480px) and (max-width: 767px) {
        
}
        
@media only screen and (min-width: 768px) and (max-width: 959px) {
            
}
            
@media only screen and (min-width: 960px) {
    #wrap img {
        width:300px;
        height:220px;
        background-image:url("/resources/images/trucomment icon 5 trans 300w.png");
    }
}