.contactPage{display:flex;flex-direction:row;height:100vh;background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.contactPage .mapSection{flex:1 1;min-width:50%;height:100%}.contactPage .mapSection .map{width:100%;height:100%;border-right:2px solid #e0e0e0}.contactPage .infoSection{flex:1 1;padding:3rem;background-color:#fff;display:flex;flex-direction:column;justify-content:center;color:#333;width:50%;height:100%}.contactPage .infoSection h2{font-size:2.5rem;margin-bottom:1.5rem;color:#222}.contactPage .infoSection p{font-size:1.1rem;margin:.8rem 0}.contactPage .infoSection p strong{color:#555;width:100px;display:inline-block}.contactPage .infoSection p a{color:#0077b6;text-decoration:none;transition:color .2s ease}.contactPage .infoSection p a:hover{color:#023e8a}@media(max-width:1400px){.contactPage{flex-direction:column}.contactPage .infoSection,.contactPage .mapSection{width:100%;height:40%}.contactPage .infoSection{padding:2rem 1.5rem;width:100%;height:50%}.contactPage .infoSection h2{font-size:1.7rem}.contactPage .infoSection p{font-size:1rem}}@media(max-width:600px){.contactPage{flex-direction:column}.contactPage .infoSection,.contactPage .mapSection{width:100%;height:40%}.contactPage .infoSection{padding:.5rem}.contactPage .infoSection h2{font-size:1.4rem;margin:.2rem}.contactPage .infoSection p{font-size:.8rem;margin:.4rem}}