p{
text-align: center;
font-size: 2.8vw;
}
h1{
text-align: center;
font-size: 5vw;
}
#quality{
color: palevioletred;
}
#hand{
font-size:3.5vw;
}
#level2{
display: flex;
flex-direction: row;
gap: 0vw;
}
.ctaButton{
}
#services{
text-align:left;
}
#l2logo{
width:70vw;
height:60vw;
}
#text{
text-align: left;
width: 100vw;
padding-left:5vw;
}
.ctaButton {
  display: block;
  margin: 0 auto; /* center horizontally */
  padding: 0.75em 2em; /* space inside button */
  background-color: white;
  color: black;
  font-size: 1.2em;
  margin-bottom:5vw; 
  border-radius: 999px; /* makes it pill/oval shape */
  cursor: pointer;
  transition: background 0.3s ease;
}
#textHeader{
width: 50vw;
font-size:8vw;
text-align: left;
}

.text-banner {
  width: 100vw;
  overflow: hidden;
  white-space: nowrap;
  background-color: white;
  color: palevioletred;
  padding: 1em 0;
  position: relative;
}

.text-banner p {
  display: inline-block;
  padding-left: 0%;
  animation: scrollText 15s linear infinite;
  font-size: 1.5em;
}

@keyframes scrollText {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-15%);
  }
}