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

h2{width:100%; float:none;}

 .parallax1 {
background-image: url("//55933-bcmed.s3.amazonaws.com/bcp/branded/css/bed/bdglobal/glowing_world.png");
min-height: 400px;
background-attachment: fixed;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
text-align:center;
	 color:#ffffff;}

.parallax1 h1{font-size:48px; text-shadow:11px 0px 20px #060A3C, 15px 0px 20px #060A3C;}
.region img{max-width:50px; margin-right:10px;}

.region{
  position: relative;
  display: block;
  text-decoration: none;
  margin:0;
  overflow: hidden;
  transition: 1s all ease;
	background-color:#2A378A;
padding: 20px;
 text-align: center;
 border-radius: 10px;
 color: #ffffff;
	font-size:22px;
	    align-content: center;
}
.region a{color:#ffffff; text-decoration:underline;}
.region.inactive, .region.inactive:hover{background-color: #D8D8D7;
    color: #060a3dA6 !important;}
.region.inactive img{opacity:.5;}
.region:hover{background-color:#3C97D4;   -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

-webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: color 500ms linear;}

.region_selector{margin-bottom:40px; 
max-width: 1200px;
 margin: 0 auto;
 display: grid;
 gap: 1rem; 
grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));}

.darkBlueBar_pattern{background-color:#060A3C; padding:40px; width:100%; margin:40px 0; text-align:center; background-image: url(//55933-bcmed.s3.amazonaws.com/bcp/branded/css/bed/bdglobal/world_patter_bg.png); background-size: cover;}

.darkBlueBar_pattern .row{padding:20px;}
.darkBlueBar_pattern h2{text-shadow:11px 0px 20px #060A3C, 15px 0px 20px #060A3C;}


@media (max-width: 720px) {
	h2{margin-bottom:0;}
	.parallax1 h1{font-size:36px; padding:0 20px; align-content: center;}
	.parallax1{background-color:#2A378A; background-blend-mode: multiply; min-height: 200px;}
.darkBlueBar_pattern{background-size: initial; padding:10px;}
	.region_selector{grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
	}

@media (max-width: 460px) {.parallax1 h1{font-size:28px; padding:0 10px; align-content: center;}
	.region_selector{grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}}