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

@media (max-width: 650px) {
     .big-container {
         display: none;
     }
 }
 
 @media (min-width: 651px) {
     .small-container {
         display: none;
     }
 }
body{
}
.footer-text {
  font-size: 60%;
}
a:hover {
  color: #F00;
  background-color: #FF0;
  text-decoration: underline;
  padding-bottom: 8px;
}

@media (max-width: 650px) {
  h2 {
	font-size: 1.25rem;
	font-weight: bold;
  }
}
.center {
  margin: 1rem auto;
  width: 85%;
  height: 85vh;
  padding: 1rem;	
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center;
  text-align: center;
}
@media (min-width: 651px) {
.headline {
  margin: 3rem auto;
  padding: 1rem;	
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center;
  text-align: center;
text-shadow: .4rem .4rem .8rem #888;
	}}
@media (max-width: 650px) {
.headline {
  margin: 2rem auto 1rem;
  padding: 1rem;	
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center;
  text-align: center;
text-shadow: .4rem .4rem .8rem #888;
	}}

@media (min-width: 651px) {
	.headline h1 {
	font-size: 4rem;
	}}
@media (max-width: 650px) {
	.headline h1 {
	font-size: 2.8rem;
	}}
@media (min-width: 651px) {
	.headline svg {
	max-width: 50%;
	}}
@media (max-width: 650px) {
	.headline svg {
	max-width: 85vw;
	}}
@media (min-width: 651px) {
.map-frame {
  margin: 1.5rem auto;
  width: 75%;
  padding: 1rem;
  align-items: center; 
  justify-content: center;
  text-align: center;	
}
}
@media (max-width: 650px) {
.map-frame {
  margin: 2rem auto 1rem;
  width: 95%;
  padding: .5rem;
  align-items: center; 
  justify-content: center;
  text-align: center;
}
}
.center-border {
  margin: 1rem auto;
  width: 85%;
  height: 85vh;
  border: 5px solid blue;
  border-radius: 5rem;
  padding: 1rem;	
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center;
}
@media (min-width: 651px) {
  .center-hor-main {
  margin: 1rem auto;
  width: 95%;
  padding: 1rem;	
  display: flex;
  align-items: center; 
  justify-content: center;
  text-align: center;
}
}
@media (max-width: 650px) {
  .center-hor-main {
  margin: 1rem auto;
  padding: 1rem;	
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.center-hor-main .container{
  margin: 2rem .5rem 0rem;
  width: 95%;
}
}
@media (min-width: 651px) {
	.center-hor-main .container22 {
  max-width: 22%;
}

.center-hor-main .container30 {
  max-width: 30%;
	}}
.center-hor-main h4{
  padding: 0 0 1rem;
}
.center-hor-main h2{
  padding: 1rem 0;
}@media (max-width: 650px) {
  .center-hor-main h2 {
	padding: .5rem 0;
  }
}