@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Indie+Flower&family=Permanent+Marker&display=swap');

#bannerTop{
	width:100%;
	min-height: 50px;
	background-color: #ecf2eb;
	color: #25524d;
	text-align:center;
}
#bannerMiddle{
	width:100%;
	min-height: 100px;
	background-color: white;
	margin-top: 60px;
}
#bannerBottom{
	width:100%;
	min-height: 50px;
	background-color: #ecf2eb;
	color: grey;
	font-size:17px;
	text-transform: uppercase;
	margin-top: 16px;
}
}

.custom-fixed-banner {
    z-index: 1030; /* Higher than Bootstrap's default navbar-fixed-top z-index (1030) if you have other fixed elements */
    width: 100%; /* Ensure it spans the full width */
}


.iconImage{
width:20px;
height:auto;
margin-top: 30px;
}	


.logoImage{
	width:160%;
	height:auto;
}

#bannerMiddle .container img{
	width: 100%;
	height: auto;
}

#bannerBottom .container img{
	width: auto;
	height: 100%;
}

#bannerTop .container img{
	width: 100%;
	height: auto;
	margin-top:8px;
	
}

.BannerMiddleVertAlign {
	margin-top: 8%;
	font-size:34px; 
	font-weight: bold;
	font-family: 'Dancing Script', cursive;
}


.BannerTopVertAlign {
	margin-top: 3%;
	font-size:16px; 
	font-weight: bold;
}

.BannerMiddleContactVertAlign {
	margin-top: 16px;
	font-size: 15px;
	font-weight: bold;
}
.mobileLogo{
		display: none;
	}
.mobileBannerContactDetails{
	display:none;
}
/********MEDIA QUERIES**********/
@media (max-width: 767px) {
	
	#bannerTop{
	display:none;
}
	#bannerMiddle{
	display:none;
}
	#bannerBottom{
	/*background: URL("http://185.2.66.109/culmullenns_newRev02.ie/media/crest.png");*/
}

	.navbar-toggle .icon-bar{
		background-color:white;
		width: 27px;
		height: 4px;
	}
	.navbar-toggle {
		margin-top:14px;
	}
	.mobileLogo{
		display:flex;
		justify-content: center;
	}
	
	.mobileBannerContactDetails{
		display:flex;
		float:left;
		color:#000;
		margin-left: 10px;
		margin-top: 9px;

	}
	
	.mobileBannerContactDetails p{
		font-size:12px;
	}
	
	#bannerBottom .container img{
		width:auto;
		height: 118px;
	}
	
	
}