CSS & HTML: Family fixes
diff --git a/css/style.css b/css/style.css
index 186a141..2ce5b03 100644
--- a/css/style.css
+++ b/css/style.css
@@ -314,12 +314,15 @@
color: #0080ff;
list-style: none; }
.contact-social-icons ul a:hover,
- .team-links-list a:hover {
+ .team-links-list a:hover,
+ .family-links-list a:hover {
color: #ffffff; }
.contact-social-icons ul a:focus,
.contact-social-icons ul a:active,
.team-links-list a:focus,
- .team-links-list a:active {
+ .team-links-list a:active,
+ .family-links-list a:focus,
+ .family-links-list a:active {
color: rgba(255,255,255,0.8); }
.contact-social-icons ul a li {
display: inline-block;
@@ -353,10 +356,10 @@
display: block; }
/* our team section */
-#team {
+#team, #family {
background-color: #0080ff;
font-weight: 700;
- font-size: 1.5em;
+ font-size: 20px;
}
.hr.invisible_hr {
height: 0;
@@ -383,10 +386,10 @@
.team-role, .team-name, .team-links-list a {
color: #07374a;
}
-.team-links {
+.team-links, .family-links {
padding-top: .75em;
}
-.team-image img {
+.team-image img, .family-image img {
max-width:150px;
max-height: 150px;
margin:0 auto;
@@ -396,27 +399,19 @@
#family {
background-color: #07374a;
}
-
-.family-role, .family-name, .family-links-list {
+.family-role, .family-name, .family-description {
color: #FFFFFF;
}
.family-description {
- color: #b7b7b7;
+ color: #fff;
+ font-size: 18px;
}
-.family-role h4 {
+.family-role h4, .family-links-list a {
color: #0080ff;
}
.family-header h2 {
color: #0080ff;
}
-.family-links {
- padding-top: .75em;
-}
-.family-image img {
- max-width:150px;
- max-height: 150px;
- margin:0 auto;
-}
@media (max-height: 880px) {
#scrollIcon, #scrollTopIcon {margin-top: 15vh}