/* ----------------------------------------- */ /* Content Template: content-template-for-new-layout-layout - start */ /* ----------------------------------------- */ .a-team-member { width: 1000px; max-width: 100%; margin: auto; padding: 100px 0 80px 0; } .a-team-member .row { border-bottom: solid 1px #B4B4B4; padding: 20px 0; margin: 0; } .a-team-member .photo-container { padding: 0; } .a-team-member .photo-container img{ height: auto; width: 400px; } .a-team-member .info-container { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; height: auto; padding: 10px 0 10px 40px; } .a-team-member .info-container .name { text-transform: uppercase; font-weight: 900 !important; font-size: 35px; line-height: 38px; font-family: "Roboto", "HNStd77Bd", "Helvetica Neue", Helvetica, Arial, "sans-serif"; margin-bottom: 10px; color: #172E4C; } .a-team-member .info-container .title{ font-size: 30px; line-height: 34px; margin-bottom: 30px; color: #172E4C; } .a-team-member .info-container .contact-info span { font-weight: 900 !important; width: 42px; display: inline-block; font-family: "Roboto", "HNStd77Bd", "Helvetica Neue", Helvetica, Arial, "sans-serif"; } .a-team-member .info-container .contact-info { font-size: 20px; line-height: 20px; color: #172E4C !important; margin-bottom: 8px; } .a-team-member .info-container .contact-info span, .a-team-member .info-container .contact-info a{ font-size: 20px; line-height: 20px; color: #172E4C !important; } .a-team-member .info-container .website { font-family: "Roboto", "HNStd77Bd", "Helvetica Neue", Helvetica, Arial, "sans-serif"; margin-bottom: 10px; color: #172E4C; font-size: 20px; line-height: 20px; font-weight: 900 !important; margin: 10px 0 25px 0; } .a-team-member .info-container .button { display: inline-block; padding: 15px 30px; background-color: #172E4C; color: white; font-family: "Roboto", "HNStd77Bd", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 22px; line-height: 22px; font-weight: 900 !important; border: solid 1px #172E4C; margin-bottom: 40px; } .a-team-member .info-container .button:hover { text-decoration: none !important; background-color: white; color: #172E4C; } .a-team-member .info-container .address { font-family: "Roboto", "HNStd77Bd", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 20px; line-height: 20px; } /*======================================*/ .a-team-member p{ color: #172E4C; } .a-team-member a{ color: #172E4C; text-decoration: none !important; } .a-team-member a:hover{ color: #172E4C; text-decoration: underline !important; } @media(max-width: 1199px){ .a-team-member .photo-container { text-align: left; } .a-team-member .info-container { padding: 40px 0 0 0; justify-content: center; /*align-items: center;*/ } .a-team-member .photo-container img{ height: 300px; width: auto; } /*=========================================*/ .a-team-member .info-container .button, .a-team-member .info-container .contact-info span, .a-team-member .info-container .contact-info a { font-size: 18px; line-height: 18px; } .a-team-member .info-container .title { font-size: 20px; line-height: 24px; } .a-team-member .info-container .name { /*font-size: 26px; line-height: 30px;*/ } .a-team-member .info-container .website { font-size: 20px; line-height: 20px; } } @media(max-width: 768px){ .a-team-member { padding: 40px 0 40px 0; } .a-team-member .photo-container { text-align: center; } .a-team-member .photo-container img{ width: 100%; height: auto; } .a-team-member .info-container .contact-info span { width: 25px; } .a-team-member .info-container .address { font-size: 16px; line-height: 16px; } } /* ----------------------------------------- */ /* Content Template: content-template-for-new-layout-layout - end */ /* ----------------------------------------- */