diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index b8826974..10dfdd21 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -30,9 +30,12 @@ class Contact extends Component {
     return (
       <div className="section">
         <div className="contactWrapper" id="Contact">
+        <div data-aos="fade-in" data-aos-duration="4000"></div>
+        <h1 className="title" data-aos="fade-down" data-aos-delay="0">
+          Contact<br></br><div className="line">Us</div>
+        </h1>
           <div className="contactInner">
             <form className="contactForm">
-              <h1 className="">Contact Us</h1>
               <div className="inputBox animate__animated animate__backInUp">
                 <input type="text" id="contactName" required></input>
                 <span>Name</span>
@@ -41,6 +44,10 @@ class Contact extends Component {
                 <input type="text" id="contactEmail" required></input>
                 <span>Email</span>
               </div>
+              <div className="inputBox animate__animated animate__backInUp">
+                <input type="text" id="contactSubject" required></input>
+                <span>Subject</span>
+              </div>
               <div className="inputBox animate__animated animate__backInUp">
                 <textarea id="contactMessage" required></textarea>
                 <span>Message</span>
diff --git a/src/style/Contact.css b/src/style/Contact.css
index f47442fc..cdb33595 100644
--- a/src/style/Contact.css
+++ b/src/style/Contact.css
@@ -1,25 +1,73 @@
 .contactWrapper {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: right;
+}
+.title {
+text-align: right;
+width: 40%;
+}
+
+.line {
+  position: relative;
+  text-align: left;
+  font-family: "Open Sans", sans-serif;
+  font-weight: bold;
+  font-size: 90px;
+  line-height: 100%;
+  vertical-align: top;
+  border-radius: nullpx;
+  margin-bottom: 2%;
+  color: #facd2e;
+  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+
   overflow: hidden;
+  text-align: right;
+}
+
+.line:before,
+.line:after {
+  background-color: #FACD2E;
+  content: "";
+  display: inline-block;
+  height: 2px;
+  position: relative;
+  vertical-align: middle;
+  width: 50%;
+}
+
+.line:before {
+  right: 0.5em;
+  margin-left: -50%;
 }
 
+.line:after {
+  left: 0.5em;
+  margin-right: -50%;
+}
+
+
 .contactInner {
   display: flex;
   width: 100%;
-  justify-content: center;
+  justify-content: right;
   margin-bottom: 200px;
   color: white;
+  
+  margin-right: 10%;
 }
 
 .contactForm {
-  width: 40%;
+  width: 60%;
   padding: 50px; 
   border-radius: 15px;
+  margin-left: 0%;
   background: black;
+  border-color: #075E5E;  
+  border-width: .25em;  
+  border-style: double;  
   display: flex;
-  flex-direction: column;
+  flex-direction:column;
 }
 
 .inputBox {