html, body {  max-width: 1400px; margin: 0 auto; padding: 0px; font-family: "montserrat", sans-serif; font-size: 0.875rem; font-size: clamp(0.875rem, 3.5vw, 1rem); color: #080808; background: #fffffe; }



img { max-width: 100%; height: auto; }

.shaddow { width: 100%; margin: 20px 0px; box-shadow: 0 4px 8px #2d424c, 0 9px 18px #595959; }

.redStripe { background-color: #ef4123; height: 60px; }

@media screen and (max-width: 700px) { .redStripe { height: 40px; } }



 @keyframes pulse { 0% { transform: scale(1); }

50% { transform: scale(1.1); }

100% { transform: scale(1); }}



.pulse { animation: pulse 0.9s infinite;}



.pane { transform: translateY(100%); transition: transform 1s ease-out, opacity 2s ease-out; z-index: -1; }

.pane.visible { transform: translateY(0); }



#page { margin: 0 auto; text-align: left; width: 90%; }



.row { display: grid; grid-template-rows: auto; place-items: center; }

.wrapper2column { display: grid; grid-template-columns: 2fr 3fr; place-items: center; margin:8px 0px; gap: 40px; }

.overlay { margin-top: -24%; z-index: 4; margin-left: 10px; margin-right: 10px;  padding: 0px; }

@media screen and (max-width: 700px) { .wrapperBottom { padding: 0px 60px; margin: 20px 0px; } }

@media screen and (max-width: 700px) { .wrapperBottom, .wrapper2column { grid-template-columns: 100%; } }



.padding { padding: 0% 5%; }

.padding2 { margin: 10% 5% 0% 5%; }

@media screen and (max-width: 700px) { .padding2, .margin { margin: 0% 5% 0% 5%; } }

h1, h2, h3, h4 { font-family: "montserrat", sans-serif; text-transform: capitalize; font-weight: 900; margin: 8px 0px; text-wrap: balance; }

h1 { font-size: clamp( 0.8rem, 3.5vw, 1.2rem); }

h2 { font-size: clamp( 0.9rem, 1.5vw, 1.4rem); }

.large { font-size: clamp( 1.6rem, 3.5vw, 2.2rem); }



@media screen and (max-width: 700px) { h2 { margin: -24px 0px 0px; }}





button {

	margin-top: 30px;

  background-color: #4d329a;

  color: white;

  border: none;

  padding: 8px 16px;

  font-size: 16px;

  font-weight: 900;

  border-radius: 40px;

  cursor: pointer;

  transition: background-color 0.3s ease;

}



button:hover {

  background-color: #ef4123;

}



@media screen and (max-width: 700px) { button { margin-top: 20px; }}