.dropdown:hover .dropdown-menu {
  display: block;
}
@media (min-width: 1023px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.navbar {
  background-color: #0d5480;
}

@media (min-width : 768px ) and ( max-width : 1023px ){

	}
    
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: #0d5480;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #EFB57A;
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-link-color);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #3763f4;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #4e5d78;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}



.rowOC1 {
    display: flex;
    flex-direction: row;
    width: 100%;
 /* equal height of the children */
}

.colOC1 {
  flex: 1; /* additionally, equal width */
  max-width: 100%;
  padding: 1em;
  border: none;
  text-align: center;
}
.colOC2 {
  flex: 1; /* additionally, equal width */
  max-width: 100%;
  padding: 1em;
  border: none;
  color: white;
  font-size: 18px;
}
.colOC3 {
  flex: 1; /* additionally, equal width */
  max-width: 100%;
  padding: 1em;
  border: none;
  color: white;
  font-size: 18px;
}
#ocLogo2{max-width:240px}

.socialIcons2{display: flex; width: auto; width: 280px; padding-top: 20px;}

	@media (min-width: 1024px) and (max-width: 1030px) {
    
    }

	
	@media (min-width : 768px ) and ( max-width : 1023px ){

	}

	
	@media (min-width : 200px ) and ( max-width : 767px ){
    .rowOC1 {flex-direction: column;width: 100%}
    .colOC1 {display:block;width: 100%}
    .colOC2 {display:block;text-align:center;width: 100%}
    .colOC3 {display:block;text-align:center;width: 100%}
    .socialIcons2 {align-items: center;justify-content: center;width:100%}
	}