@media only screen and (max-width: 600px) {
	header h1 {
		font-size: 2em;
	}
	header h3 {
		font-size: 1.2em;
	}
	header h5 {
		font-size: 0.9em;
	}

	.headerImageWrapper {
		width: 100%;
		height: 100%;

		margin: 0;
		padding: 0;

		float: left;
		position: absolute;
	}

	.headerContentWrapper {
		width: 100%;

		padding: 0;

		float: left;
	}

	.headerContent {
      width: 100%;
		height: 100%;
	}

	.socialBorder {
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

	.socialWrapper {
      display: flex;
      flex-wrap: wrap;
		height: auto;
		width: 90%;
		margin: auto;
		justify-content: center;
		top: 50%;
		left: 50%;
		position: absolute;
		text-align: center;
		transform: translate(-50%, 0);
		padding: 0 10px;
	}

	.headerText {    
      top: 60px;
      text-align: center;
      position: absolute;
      margin: auto;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
	}

   .footerWrapper {
      width: 100%;
      padding: 30px 0;
   }

   .footerLeft {
      width: 95%;
      margin: auto;
      float: unset;
   }

   .footerRight {
      width: 95%;
      margin: auto;
      float: unset;
      text-align: center;
      padding-bottom: 20px;
      margin-top: 20px;
   }
}