update assets

assets/fet.css

@@ -1,21 +1,102 @@
 body {
-    min-height:100%; 
-    position:relative;
-}
-img.logo {
-    height:40px; 
-    width:40px;
+    min-height: 100%; 
+    position: relative;
 }
 
-div.footer {
+img.logo {
+    height: 50px;
+    width: 50px;
+}
+
+.title-bar {
+    background: transparent;
+}
+
+a.header-link {
+    background: None;
+    color: black;
+    font-size: medium;
+}
+
+a.header-intern-link {
+    background: lightgrey;
+    color: black;
+    font-size: medium;
+}
+
+.header-intern-txt {
+    background: lightgrey;
+    color: black;
+    font-size: medium;
+}
+
+.header-btn:hover {
+    background: darkgrey;
+    color: white;
+}
+.header-btn:focus {
+    background: transparent;
+    color: black;
+}
+
+.header-intern-btn:hover {
+    background: darkgrey;
+    color: white;
+}
+.header-intern-btn:focus {
+    background: lightgrey;
+    color: black;
+}
+
+footer {
+    height: 100%;
+    background-color: #444;
+}
+
+.footer-grid-y {
     height: 100%;
 }
-.footer a {
-  color: white;
+
+.footer-link {
+    color: white;
 }
-.footer a i {
-  font-size:30px;
+
+.footer-link i {
+    font-size:30px;
 }
+
+.job-btn {
+    background-color: gray;
+    height: 70%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.job-btn:hover {
+    background-color: black;
+}
+.job-btn:focus {
+    background-color: gray;
+}
+
+.memb-btn {
+    background-color: darkgray;
+    height: 70%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.memb-btn:hover {
+    background-color: black;
+}
+.memb-btn:focus {
+    background-color: darkgray;
+}
+
+.active {
+    background-color: black;
+}
+
 a.thumbnail {
     width: 150px;
     height: 150px;
@@ -25,3 +106,47 @@ a.thumbnail img {
     height: 150px;
 
 }
+
+.social-media-box {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: start;
+    -webkit-justify-content: flex-start;
+        -ms-flex-pack: start;
+            justify-content: flex-start;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center;
+    height: 71px;
+    background-color: grey;
+    color: white;
+    padding-top: 0rem !important;
+    padding-right: 0rem !important;
+    padding-bottom: 0rem !important;
+    padding-left: 1rem !important;
+    margin-top: 0rem !important;
+    margin-right: 0rem !important;
+    margin-bottom: 1rem !important;
+    margin-left: 0rem !important; }
+    .social-media-box .social-media-badge {
+        background-color: transparent;
+        width: 41px;
+        height: 41px; }
+        .social-media-box .social-media-badge .social-media-badge-symbol {
+            font-size:30px; }
+    .social-media-box .social-media-text {
+        margin-top: 0rem !important;
+        margin-right: 0rem !important;
+        margin-bottom: 0rem !important;
+        margin-left: 1rem !important; }
+
+.social-media-footer {
+    background-color: transparent;
+    color: white;
+    width: 40px;
+    height: 40px; }
+    .social-media-footer .social-media-footer-symbol {
+        font-size:30px; }