/* CSS Document */

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

#logo{
	max-width:350px;
	margin-top:10%;
	margin-bottom:10%;
	padding:5%;
background-color:rgba(255,255,255,.75);
border-radius:5%;
	
}
#slogan{
	color:#fff;
	text-shadow:0px 4px 10px #000;
}
#hero{
	height:100dvh;
	background-image:url(../images/ONB-Web-Header-Image.png);
	background-position:left center;
	background-size:cover;
}
footer{
	height:auto;
	background-color:rgba(20,95,130,.90);
	padding-top:1%;
	color:#fff;
	font-weight:700;
	box-shadow: -5px 4px 10px 5px rgba(0, 0, 0, 1);
}

@media(max-width:576px){
	.col-sm > #logo{
		padding:5%;
background-color:rgba(255,255,255,.75);
border-radius:5%;
}
	
	}