/* import the bootstrap file */
/*@import 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css';
*/
 .container-blinn {
	 text-align: center;
	 background-color: #ffffff;
	 padding-top: 20px;
}
 .fas, .fab, .fa-myblinn {
	 font-size: 70px !important;
	 color: #004884;
}
 .fa-icons-blinn, .fa-icons-blinn a, .fa-icons-blinn a:hover {
	 font-weight: bold;
	 text-align: center;
	 color: #004884;
	 text-decoration: none;
}
 .fas:hover, .fab:hover, .fa-myblinn:hover, .fa-icons-blinn a:hover {
	/*color: #fdb813;
	 gold */
	 color: #000000;
}
 .col-blinn {
	 padding-bottom: 25px;
	 font-size: 16px;
	 font-weight: bold;
}
 .fa-myblinn-2 {
	 font-size: 33px !important;
}
 .fa-myblinn-2:hover {
	 color: #000000 !important;
}
 .carousel {
	 width: 600px;
	 height: 100%;
}
 @media only screen and (max-width: 940px) {
	 .carousel {
		 width: 600px;
		 height: 100%;
	}
}
 @media only screen and (max-width: 700px) {
	 .carousel {
		 width: 300px;
		 height: 100%;
	}
}
 .blinn-center {
	 margin: auto;
	 padding-bottom: 0px;
}
 .blinn-image-rotator {
	 position: relative;
	 width: 100%;
	 height: 200px;
	/*height: 100%;
	*/
	 overflow: hidden;
	 border: 0;
}
/*this is becasue the email devider on the right pushes this one too much*/
 @media only screen and (max-width: 1199px) {
	 .blinn-image-rotator {
		 width: 100%;
		 height: 100px;
	}
}
 @media screen and (min-width: 500px) and (max-width:767px) {
	 .blinn-image-rotator {
		 width: 100%;
		/*height: 200px;
		 this can be used with a square image*/
		 height: 100px;
	}
}
 @media only screen and (max-width: 499px) {
	 .blinn-image-rotator {
		 width: 100%;
		 height: 100px;
	}
}
 #carousel-spacer {
	 height: 50px;
}
/* @media only screen and (max-width: 1275px) {
	 .blinn-image-rotator, .carousel, .carousel img {
		 width: 600px !important;
		 height: auto !important;
	}
}
 @media only screen and (max-width: 750px) {
	 .blinn-image-rotator, .carousel, .carousel img {
		 width: 380px !important;
		 height: auto !important;
	}
}
 */
/* @media only screen and (max-width: 1170px) {
	 .blinn-image-rotator {
		 margin-left: -40px;
	}
}
 */
 
 
  img.carousel-wide {
	 display: block !important;
}
 img.carousel-square {
	 display: none !important;
}