.separator { background-color: #c1c1c1; width: 100%; height: 0.05rem; margin-top: 2rem; margin-bottom: 2rem; } .outerContainer { display: flex; align-items: center; flex-direction: column; } .innerContainer { display: flex; align-items: center; flex-direction: column; max-width: 80%; } .sectionContainer { display: flex; flex-direction: column; align-items: center; width: 100%; } .address { margin-top: 1rem; } @media screen and (max-width: 600px) { .address { max-width: 120%; margin-bottom: 1rem; } } .mainLogo { margin-top: -1rem; max-width: 120%; height: 100%; } .title { font-size: 2rem; margin-top: 0; margin-bottom: 1rem; font-weight: 600; color: #686868; letter-spacing: normal; } @media screen and (max-width: 600px) { .underLogo { font-size: 1.1rem; } } .keepersImage { max-width: 150px; margin-top: 1.5rem; } .emailAddress, .phone { margin-top: 1rem; } .socialMediaContainer { display: flex; justify-content: space-around; margin-top: 1rem; width: 50%; } .socialMediaIcon { max-width: 30px; margin-bottom: 0; height: 100%; } .postServiceDesc { margin-top: 0.5rem; margin-bottom: 0; } .postServiceInfo { margin-top: 0.7rem; } .link { color: #0274be; text-decoration: none; font-weight: bold; } .link:hover { color: #3a3a3a; } .menuContainer { display: flex; justify-content: space-evenly; width: 100%; height: 3rem; } .menuImage { margin-bottom: 1rem; max-width: 100%; height: 100%; } .menuLink { text-decoration: none; border-bottom: 3px solid; color: #686868; } .menuLink:hover { color: #a3a2a2; h1 { color: #a3a2a2; } } .instagramLink { color: #686868; text-decoration: none; } .instagramLink:hover { color: #a3a2a2; } .instagramText { margin-bottom: 0; } .collaborationImage { max-width: 100%; height: 100%; } .googleMaps { border: 0; width: 100%; height: 30rem; margin: 5% 20% 0% 20%; } @media screen and (max-width: 600px) { .googleMaps { height: 15rem; } }