.sekuya{
	letter-spacing: 1px;
	font-family: 'Sekuya';
}

.merriweather{
	font-family: 'Merriweather';
	font-size: 26px;
}

.wiggly-box {
  --s: 2.5vw;  /* control the size of the wave */
  width: calc(3*4*var(--s));
  aspect-ratio: 1;
  object-fit: cover;
  padding: var(--s);
  border: var(--s) solid #0000;
  background: #BF4D28;
  border-radius: calc(3.5*var(--s)); 
  mask: 
    radial-gradient(calc(sqrt(2)*var(--s)),#000 calc(100% - 1px),#0000),
    conic-gradient(#000 0 0) content-box,
    radial-gradient(calc(sqrt(2)*var(--s)),#0000 100%,#000 calc(100% + 1px)) 
     var(--s) var(--s) padding-box;
  mask-size: calc(var(--s)*4) calc(var(--s)*4);
}

#hero{
	height: 100%; 
	width: 100%; 
	display: flex; 
	align-items: center; 
	background: url(https://jakenicolaides.com/img/jake_nicolaides.jpg); 
	background-repeat: no-repeat; 
	background-size: contain; 
	background-position-x: center;
}

#communication-section {padding: 0vw 10vw 0vw 7vw;}
#quickball-section {padding: 0vw 7vw 0vw 10vw;}

.h-100{
	height: 100%;
}

.bg-cover{
	background-size: cover !important;
	background-position-x: center !important;
}

.w-100{
	width: 100%;
}
.w-50{
	width: 50%;
}

@media screen and (max-width: 800px) {
  .wm-50{ width: 50% }
  .wm-100{ width: 100% }
  .wiggly-box{--s: 5vw;}
  .merriweather{font-size: 20px;}
  #communication-section, #quickball-section{padding: 0vw 10vw;}
}

@media (max-aspect-ratio: 1/1) {
  #hero {
    background-size: cover;
  }
}