#home_button {
  color: #003471;
/*   transition: all 0.5s; */
}

#home_button:hover {
  color: #000;
}

.cdotlogo {
 height: 65px;
 padding-right: 10px;
 padding-left: 10px;
 float: left;
}
.flex-container {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.cdot_header_big {
 margin:0px;
padding-top:0px;
font-weight: 500;
font-size: 1.5rem;
color: #003471;
}

.cdot_header_small{
margin:0px;
padding:0px;
font-weight: 350;
font-size: 1.0rem;
color: #003471;
}

#header{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown:hover .dropdown-menu {
    max-height: 400px;
    opacity: 1;
    overflow: auto;
}

.header-shadow {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.22);
}

nav ul li a {
	font-size: 1.0rem;
	font-weight: 600;
}

/*Search Button  Styling */

/* .gsc-control-cse { */
/* box-sizing: border-box !important; */
/* width: 240px !important; */
/* } */

/* .gsc-search-button-v2 { */
/*  border-radius: 4px !important; */
/*  border-color: #28a745 !important; */
/*  background-color: #28a745 !important; */
/*  width: 50px !important; */
/*  padding: 6px 10px !important; */
/*  height: 31px !important; */
/*  cursor: pointer !important; */
/*  transition: all 0.5s !important; */
/* } */

/* .gsc-search-button-v2:hover, .gsc-search-button-v2:focus { */
/*  border-color: #28a745 !important; */
/*  background-color: #1e8c38 !important; */
/* } */

/* input.gsc-input, .gsc-input-box, .gsc-input-box:hover, .gsc-input-box:focus { */
/* transition: all 0.5s !important; */
/*    border-color: #28a745 !important; */
/*    border-radius: 5px !important; */
/*    height: 31px !important; */
/*    width: 160px !important; */
/* } */
/* .gsc-input-box:hover, .gsc-input-box:focus { */
/* box-shadow: 1px 1px 4px #28a745 !important; */
/* } */

/* .gsc-control-wrapper-cse { */
/* margin-top: 5px !important; */
/* } */

/* .gsc-search-box-tools .gsc-search-box .gsc-input { */
/*    padding-right: 2px !important; */
/* } */
/* .gsib_a { */
/* padding: 2px 6px 6px 6px !important; */
/* } */


/*End of Search Button Styling */

@media (max-width: 1480px) {
	
	nav ul li a {
	font-size: 0.8rem;
	font-weight: 600;
	}
	
	.cdot_header_big {
		margin:0px;
		padding-top:0px;
		font-weight: 500;
		font-size: 1.2rem;
	}
		
	.cdot_header_small{
		margin:0px;
		padding:0px;
		font-weight: 350;
		font-size: 0.8rem;
	}
	
}

@media (max-width: 1300px) {
	
	nav ul li a {
	font-size: 0.8rem;
	font-weight: 600;
	}
	
	.cdot_header_big {
		margin:0px;
		padding-top:0px;
		font-weight: 500;
		font-size: 1.0rem;
	}
		
	.cdot_header_small{
		margin:0px;
		padding:0px;
		font-weight: 350;
		font-size: 0.7rem;
	}
	
}

@media (max-width: 1250px) {
	
	nav ul li a {
	font-size: 0.73rem;
	font-weight: 600;
	}
	
	.cdot_header_big {
		margin:0px;
		padding-top:0px;
		font-weight: 500;
		font-size: 0.9rem;
	}
		
	.cdot_header_small{
		margin:0px;
		padding:0px;
		font-weight: 350;
		font-size: 0.6rem;
	}
	
}

@media (max-width: 1130px) {
	
	.cdot_header_big {
		margin:0px;
		padding-top:0px;
		font-weight: 500;
		font-size: 0.7rem;
	}
		
	.cdot_header_small{
		margin:0px;
		padding:0px;
		font-weight: 350;
		font-size: 0.50rem;
	}
	
	nav ul li a {
	font-size: 0.65rem;
	font-weight: 600;
	}	
}

@media (max-width: 1060px) {
	
	.cdot_header_big {
		margin:0px;
		padding-top:0px;
		font-weight: 500;
		font-size: 0.70rem;
	}
		
	.cdot_header_small{
		margin:0px;
		padding:0px;
		font-weight: 350;
		font-size: 0.5rem;
	}
	
	nav ul li a {
	font-size: 0.61rem;
	font-weight: 600;
	}	
}

/* Handling when Hamburg is Visible */
@media (max-width: 990px) {
	
	.cdot_header_big {
		margin:0px;
		padding-top:0px;
		font-weight: 500;
		font-size: 1.0rem;
	}
		
	.cdot_header_small{
		margin:0px;
		padding:0px;
		font-weight: 350;
		font-size: 0.7rem;
	}
	
	nav ul li a {
	font-size: 0.9rem;
	font-weight: 600;
	}	
}

@media (max-width: 450px) {
	#cdot_header {
		display: none;
	}
	nav ul li a {
	font-size: 0.9rem;
	font-weight: 600;
	}
}