body,html{background: #809924; overflow-x: hidden;}

#logo{background: #343434; padding: 10px; border-bottom: 10px solid #c0b800;}
#bg{position: relative; }
#bg img{width: 100%; background-size: cover;}
#bg h1{padding: 10px 40px 20px 40px; margin:0; background: #c0b800; position: absolute; top:0; left: 0; color: #fff; text-align: center;}
#bg p{padding: 30px; position: fixed; margin:0; bottom: 0; background: rgba(0,0,0,0.7); color: #fff; text-align: center; font-size: 20px; width: 100%;}
#bg a{color: #fff; text-decoration: none;}
#bg a:hover{text-decoration: underline;}


@media (max-width: 768px) {

#bg h1{position: relative; font-size: 25px;}
#bg p{font-size: 15px;}

}