html, body{
height:100%;		
}

html {
position: relative;
min-height: 100%;
}


#map { height: 340px;  }

 
.corporate-jumbo > .container {
display: block;
position: absolute;
bottom: 2em;
left: 3em; 
}


#jumbo-main {	
background-image: url("https://outreachbuddy-web.s3.amazonaws.com/static/obweb/images/bee2.jpg");
background-repeat: no-repeat;
background-position: 80% center;
background-size: cover;
color: #fff;
margin-top: -45px;
height: 80%; 
padding: 10em 0;
margin-bottom: 0;
text-shadow: black 0.3em 0.3em 0.3em;
}



#jumbo-cafe {	
background-image: url("https://outreachbuddy-web.s3.amazonaws.com/static/obweb/images/connectionscafe.jpg");
background-repeat: no-repeat;
background-position: 80% center;
background-size: cover;
color: #fff;
height: 60%; 
margin-bottom: 0;
text-shadow: black 0.3em 0.3em 0.3em;
} 


.jumbotron h1, 
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6
{
color: #fff;
font-weight: bold;
}


.jumbotron p {
font-size: 18px;
}


.footer {
margin-top: 140px;
border-top: 1px solid #eee; 
width: 100%;
height: 200px;
background-color: #444;
color: white;
padding: 20px; 
padding-top: 40px;
padding-bottom: 250px;
}

footer a {
color: white;
}

.footer a:hover {
text-decoration: underline;
color: white;
}

footer ul { list-style: none; }
 
.obheader {
background-color: #455661;
color: white;
padding: 20px; 
padding-top: 45px;
}


img.captcha {
width: 50%;
}

@media only screen and (max-width: 800px) {
    img.captcha {
    width: 100%;
    }
}