Changed icon in contact section and fixed layout

css/default.css

@@ -181,8 +181,19 @@ p.lead {
 
 p.contacttext {
    font: 19px/36px 'opensans-light', sans-serif;
-   margin-top: 4px;
-   margin-left: 10px;
+   color: #ebeeee;
+}
+
+@media only screen and (min-width: 889px) {
+  p.contacttext{
+    margin-top: 10px;
+  }
+}
+
+@media only screen and (min-width: 756px) {
+  p.contacttext{
+    margin-left: -15px;
+  }
 }
 
 

css/layout.css

@@ -899,10 +899,10 @@ call-to-action .button {
 #contact h1 span { display: none; }
 #contact h1:before {
    font-family: 'FontAwesome';
-   content: "\f0e0";
+   content: "\f2bb";
 	padding-right: 10px;
-	font-size: 72px;
-   line-height: 72px;
+	font-size: 90px;
+   line-height: 90px;
    text-align: left;
    float: left;
    color: #ebeeee;

index.html

@@ -501,11 +501,11 @@
    ================================================== -->
    <section id="contact">
      <div class="row section-head">
-       <div class="one columns header-col">
+       <div class="two columns header-col">
          <h1></h1>
        </div>
 
-       <div class="eleven columns">
+       <div class="ten columns">
          <p class="contacttext">Do you have any further questions? Don't hesitate to reach out to me! You can either use the contact form or the contact details below.
          </p>
        </div>