<style>
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 1.5;
	color: #1c1b1b;
	background-color: #f7f7f7; 	
}

a { 
	text-decoration: none;
	color: #0d7f8b;  
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	margin-top: 0;
}


h1 {
	font-size: 38px;
}

h2 {  
	font-size: 32px; 
	line-height: 1.13; 
}

h3 {  
	font-size: 26px;  
}

h4 {  
	font-size: 22px;  
}

h5 {  
	font-size: 20px;  
}

h6 {  
	font-size: 18px;  
}

h7 {  
	font-size: 10px;  
}

li {
padding-top:0.8em;
}

.Content {
	display: inline;
	float: left;
	width: 100%;
	padding: 5% 10% 2% 34%;
	text-align: left;
}


/* Style the header links */
.col-sm a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}



/* Change the background color on mouse-over */
.col-sm a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active/current link*/
.col-sm a.active {
  background-color: #0d7f8b;
  color: white;
}

/* Float the link section to the right */
.header-right {
  float: right;
}

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  .col-sm a {
    float: none;
    display: block;
    text-align: left;
  }
  .header-right {
    float: none;
  }
  .Content {
	display: inline;
	float: left;
	width: 100%;
	padding: 5% 5% 5% 5%;
	text-align: left;
}
}


.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.dropdown-menu {
    width: 350px !important;
}

*{scroll-behavior: smooth;}

.element {
  overflow-wrap: normal;
}

</style>