diff --git a/public/css/main.css b/public/css/main.css
index 749b17a..2351aae 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -49,6 +49,29 @@ Header CSS
 **/
 
 
+/**
+css contactpagina
+ */
+div.col-sm-12.col-md-12{
+    background-color: #DC941A;
+}
+div.googlemaps{
+    margin-top: 10%;
+    margin-left: 5%;
+}
+.btn-primary {
+    background-color: #DC941A;
+    color: white;
+    border-color: #DC941A;
+}
+div.contact-address{
+    margin-left: 20%;
+    margin-top: 30%;
+}
+div.links a{
+    color: dimgrey;
+}
+
 div.twitter{
     margin-top: 30px;
 }
diff --git a/resources/views/contact.blade.php b/resources/views/contact.blade.php
index abb7518..37012c4 100644
--- a/resources/views/contact.blade.php
+++ b/resources/views/contact.blade.php
@@ -5,38 +5,30 @@
         <div class="row">
             <br>
 
-            <div class="col-sm-12 col-md-4">
-                <br>
-                <ul>
-                    <li><strong>Naam:</strong> {{ $settings->name }}</li>
-                    <br>
-
-                    <li><strong>Adres:</strong> {{ $settings->address }}</li>
-                    <br>
-
-                    <li><strong>Postcode:</strong> {{ $settings->zipcode }}</li>
-                    <br>
-
-                    <li><strong>Emailadres:</strong> {{ $settings->email }}</li>
-                    <br>
-
-                    <li><strong>RSIN nummer:</strong> {{ $settings->{'RSIN-number'} }}</li>
-                    <br>
-
-                    <li><strong>KvK nummer:</strong> {{ $settings->{'KvK-number'} }}</li>
-                    <br>
-
-                    <li><strong>SBI-code:</strong> {{ $settings->{'SBI-code'} }}</li>
-                    <br>
-
-                    <li><strong>Rekeningnummer:</strong> {{ $settings->{'account-number'} }}</li>
-                    <br>
-                </ul>
+            <div class="col-sm-12 col-md-3">
+                <div class="contact-address">
+                    <strong>Stichting OosterplasDOET!<br></strong>
+                    <div class="infolist">
+                        <dt><br>Adres:</dt>
+                        <dd class="address">
+                            <p translate="no" itemscope itemtype="http://schema.org/PostalAddress">
+                                <span itemprop="streetAddress"> {{ $settings->address }} </span><br>
+                                <span itemprop="postalCode"> {{ $settings->zipcode }} </span>
+                            </p>
+                        </dd>
+                    </div>
+                    <strong>RSIN nummer:</strong> {{ $settings->{'RSIN-number'} }}<br>
+                    <strong>KvK nummer:</strong> {{ $settings->{'KvK-number'} }}<br>
+                    <strong>SBI-code:</strong> {{ $settings->{'SBI-code'} }}<br>
+                    <strong><br>Emailadres:</strong><br>{{ $settings->email }}<br>
+                </div>
             </div>
 
-            <div class="col-sm-12 col-md-4">
+            <div class="col-sm-12 col-md-5">
+                <div class="googlemaps">
                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2472.9152489884327!2d5.339200415536991!3d51.69799600457079!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6efa521dba5e9%3A0x152b86603c8b448c!2sVincentvanGoghlaan1%2C5246GBRosmalen!5e0!3m2!1sen!2snl!4v1494931265011"
                         width="400" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
+                </div>
             </div>