@charset "utf-8";
/* CSS Document */

html{	
	width:100%;
	height: 100%;
}

body {
	font-family: 'IBM Plex Sans', sans-serif;
	background: url("../images/mainbg2.jpg");
    background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
h1{
  	color: rgb(5,171,249);
	font-size: 2.2rem;
	
}
.sectiontitle{
	text-decoration: underline;
	text-decoration-color: darkorange;
	text-decoration-padding: 2px;

}
	
h2 {
	color: rgb(5,171,249);
	font-size: 2.0rem;
}

h4 {
	color: darkgreen;
}
.icon{
	width: 30px;
	height: 30px;
}
.iconFill{
	fill: #fff;
}
	
.front {
	background: rgba(5,171,249,0.8);
}
.site-heading {
  	margin-top: 5rem;
  	margin-bottom: 1rem;
  	text-transform: uppercase;
  	line-height: 1;
 
}

.site-heading .site-heading-upper {
  	display: block;
  	font-size: 2rem;
  	font-weight: 800;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4),
				 0px 8px 12px rgba(0, 0, 0, 0.1),
				 0px 18px 25px rgba(0, 0, 0, 0.1);
}

.site-heading .site-heading-lower {
  	font-size: 5rem;
 	font-weight: 100;
  	line-height: 3rem;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4),
				 0px 8px 12px rgba(0, 0, 0, 0.1),
				 0px 18px 25px rgba(0, 0, 0, 0.1);
}
.page-section {
  	margin-top: 5rem;
  	margin-bottom: 5rem;
}

.section-heading {
  	text-transform: uppercase;
}

.section-heading .section-heading-upper {
	  display: block;
	  font-size: 1rem;
	  font-weight: 800;
}

.section-heading .section-heading-lower {
	  display: block;
	  font-size: 3rem;
	  font-weight: 100;
}

.bg-faded {
  	background-color: rgba(255, 255, 255, 0.85);
}

#mainNav {
	background: rgba(5, 171, 249, 0.9);

}
#mainNav .navbar-nav .nav-item .nav-link {
	color: rgba(255, 255, 255, 1);
	font-weight: 800; 
}


#mainNav .active {
  	color: #e6a756;
	font-weight: bolder;
	background-color:  rgba(255, 255, 255, 1);
}

@media (min-width: 992px) {
  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: 1.1rem;
  }
  #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: rgba(5, 171, 249, 0.9);
  }
  #mainNav .navbar-nav .nav-item.active .nav-link:hover {
    color: #e6a756;
  }
  .img-branding{
		  background-color: rgba(255,255,255,0.60);
	  }
	
}
#container {
	background-color:rgba(237,240,242,0.90);
	background-size:cover;
}

.boxes {
	background-color: white;
	
}
.latest {
	margin-top: 2px;
}
.card-header{
	font-size: 2.0rem;
	color: #2ebafc;
}
.card-title {
	color: #2ebafc;
}
.card-subtitle{
	color: #e6a756;
}
.card.footer{
	color: #2ebafc;
}
.card {
	background-color: aliceblue;
	border: #007CFF;
	border-width: medium;
}

.img-thumbnail {
	background-color: transparent;
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.img-branding{
		  background-color: transparent;
	  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .img-branding{
		  background-color: transparent;
	  }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
		.img-branding{
		  background-color: transparent;
	  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .img-branding{
		  background-color: transparent;
	  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	.img-branding{
		  background-color: transparent;
	  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}