@charset "utf-8";
html {box-sizing: border-box; }
*, *:before, *:after {box-sizing: inherit;}
html, body {
     margin: 0;
	 padding: 0;
}

body { font-family: Inter, system-ui, Segoe UI, Roboto, sans-serif;color:#073b36;background: repeat; line-height: 1.6; }
h1, h2, h3 {  margin: .5rem 0; }
h1 {font-family: Merriweather, Georgia, serif;}
a { color: #796E62; text-decoration: none; }

.wrapper {
    max-width: 1140px;
    margin: 0 auto;
    background-color: #97C9C2;
    box-shadow: 0px 8px 12px 0px;
}
.header {
    position: relative;
    padding: 16px;
    color: #073b36;
    background-image: url(../images/header.tx.jpg);
}
.image{
       display: right; 
   
}
.overlay {
    border-radius: 16px;
    padding: 12px;
    background-color: #FFFFFF;
    display: flow-root;
    text-align: right;
    border-width: medium;
    border-style: dotted;
	border-color: #F4F1EC;
}
.namesite {
    margin: 0;
    font-size: 32px;
    text-align: left;
}
.tagline {
    margin: 4px 0 0;
    font-weight: 700;
    padding: 16px;
    color: #e9e2d8;
    font-style: italic;
    font-size: large;
    text-align: center;
}
.nav ul, .footer-nav ul{
    list-style: none;
    padding: 0;
    margin: 12px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}
.footer-nav ul {justify-content:flex-start;
	padding-left: 16px;
	padding-bottom: 16px;
}
.nav a, .footer-nav a{
	display: inline-block; 
	padding: 8px 12px; 
	border-radius: 8px; 
	font-weight: 600; 
	background: #ffffff;
	border: 1px solid #ddd;
	color: #062D55;
	transition: transform .15s ease, box-shadow .15s ease;
}
.nav a:hover, .footer-nav a:hover {
    box-shadow: 0 4px 10px #e9e2d8;
    transform: translateY(-2px);
    background-color: #e9e2d8;
}
main {
    display: grid;
    grid-columns: auto;	
	padding: 16px;
	gap: 16px;
}
.content { 
	background: #ffffff;
	border: 1px solid #eee; 
	border-radius: 16px;
	padding: 16px;
}
aside { 
	background: #fafafa; 
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 16px;
}
.content p, .content ul, .sidebar ul { 
	color: #062D55;
}
.content ul, .sidebar ul { 
	padding-left: 20px;
}
.content a { 
	color:#062D55; font-weight: 600;
}
.content a:hover {
	color: #e9e2d8; 
}
.footer {
	padding: 36px; 
	background: url("../images/header.tx.jpg");
	color: #e9e2d8;
  	text-align: center;
}
.footer a {
	color: #e9e2d8;
}
.footer p {
	margin: 4px 0;
}
 .image {
    float: inherit;
    margin: auto;
    text-align: left;
}
.logos{
	max-height: 50px;
	padding: 7px;
	padding-right: 16;
	align-content: center;
	color:#073b36;
	margin-top: inherit;
}
.container {margin-left:80px; 
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 2px rgba(0,0,0,0.06);
}
.map {
	margin-left:190px; 
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
@media (max-width:600px) {
	/* Mobile */
	main {grid-template-columns: 100%;}
	.container {margin: 20px; padding-right: 16px; width: inherit;align-content: center;}
	.map {margin: 16px;padding-right: 6px; width: inherit;align-content: center;}
}
@media (min-width: 601px) and (max-width: 900px) {
  /* Tablet */
  .wrapper { max-width: 960px; }
  main { grid-template-columns: 66% 32%; }
  .content { padding: 20px; }
  aside { padding: 20px; }
}

@media (min-width: 901px) {
  /* Desktop */
  .wrapper { max-width: 1140px; }
  main { grid-template-columns: 70% 28%; }
  .nav ul { justify-content: flex-end; }
  .content { padding: 20px; }
  aside { padding: 20px; 
}
}