diff --git a/css/style.css b/css/style.css index 8771aab..1e040ce 100644 --- a/css/style.css +++ b/css/style.css @@ -6,16 +6,17 @@ @font-face { font-family: sourcecodevf; - src: url(css/SourceCodeVF-Upright.otf); + src: url(SourceCodeVF-Upright.otf); } /* General Body Styling */ body { - font-family: 'Arial', sans-serif; + font-family: sourcecodevf, 'Arial', sans-serif; margin: 0 auto; max-width: 1581px; padding: 0; background-color: var(--secondary-bg-color); + color: var(--main-text-color); } /* Container */ @@ -28,7 +29,6 @@ body { /* Header */ .header { background: var(--main-bg-color); - color: var(--main-text-color); padding-top: 30px; min-height: 70px; border-bottom: var(--secondary-bg-color) 3px solid; @@ -94,9 +94,7 @@ body { position: absolute; top: 34%; left: 36%; - font-family: sourcecodevf; font-size: 54px; /* Responsive font size */ - color: white; text-align: center; } @@ -106,16 +104,14 @@ body { .banner-content-bottom { position: absolute; - bottom: 10px; - right: 10px; - font-size: 1.3vw; /* Responsive font size */ - color: white; + bottom: 7%; + right: 11%; + font-size: 20px; /* Responsive font size */ } .banner-content-bottom a { color: var(--main-text-color); text-decoration: none; - font-family: sourcecodevf; } .banner-content-bottom a:hover { @@ -132,10 +128,10 @@ body { /* Footer */ .footer { background: var(--main-bg-color); - color: var(--main-text-color); text-align: center; padding: 30px 0; overflow: hidden; /* Clear the float */ + margin-top: -1px; } .footer-left { @@ -167,18 +163,21 @@ body { /* Media Queries */ @media (max-width: 1581px) { .banner-content-middle { - position: absolute; top: 35%; left: 35%; - font-family: sourcecodevf; font-size: 4.0vw; /* Responsive font size */ - color: white; - text-align: center; } .banner-content-middle .company-name { font-size: 5.0vw; /* Responsive font size */ } + + .banner-content-bottom { + position: absolute; + bottom: 8%; + right: 4%; + font-size: 1.4vw; /* Responsive font size */ + } } @media (max-width: 768px) { @@ -212,9 +211,7 @@ body { position: relative; padding-top: 10px; left: 0%; - font-family: sourcecodevf; font-size: 4.0vw; /* Responsive font size */ - color: white; text-align: center; } @@ -222,6 +219,17 @@ body { font-size: 5.0vw; /* Responsive font size */ } + .banner-content-bottom { + position: relative; + left: 0%; + padding-top: 10px; + font-size: 2.5vw; /* Responsive font size */ + text-align: center; + } + + .banner-content-bottom .company-name { + display: none; + } .footer-left, .footer-right { float: none; diff --git a/images/cell.png b/images/cell.png new file mode 100644 index 0000000..f5e30c5 Binary files /dev/null and b/images/cell.png differ diff --git a/images/email.png b/images/email.png new file mode 100644 index 0000000..da022eb Binary files /dev/null and b/images/email.png differ diff --git a/index.html b/index.html index 67d44c6..7d4a94a 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ CelticInfo +
@@ -35,7 +36,18 @@
IT Consulting