@media screen and (max-width: 1250px) {  


main, .header, .footer { 
max-width: 100vw;
}

h1 {
  font-size: 1.4rem;
}

h2 {
  font-size: 1.1rem;
}

.logo {
  height: 4rem;
}


.hometxt {
font-size: .95rem;
padding-left: 0.5rem;
}

.hometxt p {
display: block;
margin-right: 1rem;
}

.homeimage {
width: 65%;
}

.illu.coach img {
width: 190px;
}




}



@media screen and (max-width: 650px) {  

:root {
--padding: 1rem;
}

#menu {
display: none;
}

#mobilemenu, #menuToggle {
display: block
}

#menuToggle {
top: 20px;
right: 20px
}

#mobilemenu li.menu-item {
}


.submenu2 {
	display: block;
    text-transform: none;
	padding-top: .5em;
}

.submenu2 .submenu-item {
background: none;
padding: .3em .7rem;
}

.hometxt {
padding-left: 0rem;
display: inline-block;
font-size: .95rem;
}

.home {
padding-right: 1rem
}

.homeimage, .home {
width: 100%;
}



.team p {
font-size: .95em;
}

.profilegrid.grid {
flex-direction: column-reverse
}

.profile  {
width: 100%;
}

.profileimage {
width: 70%;
margin-right: 30%;
float: left;
}

.profiletxt {
padding-right: 0
}

.illu.coach img {
width: 150px 
}



}


@media screen and (max-width: 480px) {  

:root {
--padding: 0.5rem;
}

.logo {
  height: 3.2rem;
}







.grid-item-3 {
width: 100%;
margin-bottom: 2rem;
}

.illu.coach img {
width: 175px;
}


}