/* CSS Document */

@media (min-width: 576px) {
  .container {
    max-width: 570px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 960px;
  }
}


body {
	font-family: 'Raleway', sans-serif;
}

h1 {
	font-family: 'Rufina', serif;
	color: #00285A;
	font-size: 2.8em;
	text-transform: uppercase;
	border-bottom: 3px solid #DEB12D;
	margin-bottom: 40px;
}

h2 {
	font-family: 'Rufina', serif;
	color: #00285A;
	font-size: 2.6em;
	
}

h3 {
	font-family: 'Rufina', serif;
	color: #00285A;
	font-size: 1.8em;
}

.container a {
	color: #00285A;
}

.nav a {
	font-family: 'Raleway', sans-serif;
	color: #00285A;
	font-weight: 500;
	font-size: 1.5em;
	
}

.nav a:hover, .navbar-light .navbar-nav .nav-link:hover {
	color: #EE2E24;
}

#logo {
	margin-top: 20px;
	margin-bottom: 30px;
}

#banner {
	height: 350px; 
	background-image: url(../images/main.jpg); 
	background-size: cover; 
	background-position: right;
	border-bottom: 6px solid #DEB12D; 
	border-top: 6px solid #DEB12D; 
}



.navbar-light .navbar-nav .nav-link  {
	font-family: 'Raleway', sans-serif;
	color: #00285A;
	font-weight: 500;
	font-size: 1.2em;
	padding-left: 30px;
}

.navbar-light .navbar-toggler {
	color: #00285A;
	border-color: #00285A;
	margin-bottom: 20px;
}



#tagline {
	background-color: #00285A;
	padding: 20px;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	font-style: italic;
	font-size: 2em;
	font-weight: 300;
	border-bottom: 6px solid #DEB12D; 
}

@media (max-width: 575.98px) { 
	
	#tagline {
		font-size: 1.5em;;
	}
}

div.latest div.recipient {
	padding-bottom: 20px;
}

footer {
	
	background-color: #00285A; 
	padding-top: 50px; 
	padding-bottom: 30px;
	border-top: 6px solid #DEB12D; 
	color: #FFF;
}
footer h2 {
	color: #FFF;
	font-size: 2em;
}

footer h3 {
	color: #DEB12D;
	font-size: 1.3em;
}

.footer-col {
	padding-bottom: 30px;
}

div.card-body a img.float-right
{
	margin-left: 20px;
}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	
	#logo .col-12 {
		display: block;
	}
	
	#logo .col-7 {
		display: none;
	}
	
	#logo .col-9 {
		display: none;
	}
	
	#banner {
		height: 200px;
		background-position: 75%;
	}
	
	ul.nav {
		display: none;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 991.98px) { 
	
	#logo .col-12 {
		display: none;
	}
	
	#logo .col-9 {
		display: block;
	}
	
	#logo .col-7 {
		display: none;
	}
	
	#banner {
		height: 250px; 
	}
	
	ul.nav a {
		font-size: 1.2em;
	}
	
	.navbar {
		display: none;
	}
}



/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	#logo .col-12 {
		display: none;
	}
	
	#logo .col-9 {
		display: none;
	}
	
	#logo .col-7 {
		display: block;
	}
	#banner {
		height: 350px; 
	}
	
	.navbar {
		display: none;
	}
}


img {
  max-width: 100%;
}








/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}
