#promo {
    background-color: #9c182f;
    position: absolute;
    top: 5em;
    right: 10%;
    width: 25%;
    padding: 0;
    color: white;
    /* height: 25%; */
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
    z-index: 1000;
	padding: 0 0.5em 0.5em 0;
}


#promo h3 {
	margin: 1em 0 0 0;
}
#promo p {
    width: 50%;
    float: right;
    /* color: white; */
    margin: 0;
    padding: 1em 0.5em 0 0;
    /* padding: 1em; */
}
#promo a {
    color: #ffffff;
}

#promo img {
    width: 50%;
    float: left;
}

#promo-hidden {
	width: 100%;
	clear: both;
	padding: 0.5em 1em 0 1.5em;
	display: none;
}
@media (max-width: 1600px) {
	#promo {
		width: 30%;
	}
}
@media (max-width: 1280px) {
	#promo {
		width: 40%;
	}
}
@media (max-width: 960px) {
	#promo {
		width: 80%;
		right: 10%;
		top: 10em;
	}
	#promo img {
		width: 40%;
		float: left;
	}
	#promo p {
		width: 60%;
		padding: 1em 0.5em 0 0;
	}
}