init

css/index/contact.css

@@ -0,0 +1,69 @@
+body{
+    background-color: #212121;
+}
+.contacts{
+    font-weight: 300;
+
+    width: 100%;
+
+    background-color: #212121;
+    color: white;
+
+    text-align: center;
+
+    padding-top: 2.5em;
+    padding-bottom: 4em;
+    margin: auto;
+}
+.contacts p {
+    padding: 0.5em;
+    line-height: 2ch;
+}
+.contacts address{
+    line-height: 2ch;
+}
+
+.contacts strong{
+    font-weight: 500;
+}
+
+.contacts img{
+    width: 15em;
+    margin-bottom: 1em;
+}
+
+.contacts a{
+    color: white;
+    text-decoration: none;
+}
+.contacts br{
+    content: " ";
+    display: block;
+    height: 0.5em;
+}
+.contacts h2{
+    font-size: 1.5em;
+}
+.contact-format-container{
+    line-height: 0.8;
+    margin: auto;
+    width: 80%;
+}
+.contacts i{
+    font-size: 1.5em;
+}
+.iframe-map{
+    position: absolute;
+    width: 100%;
+    height: 50%;
+
+}
+
+@media screen and (min-width: 900px){
+    .contacts{
+        font-size: 0.9em;
+    }
+    .contact-format-container{
+        width: 35%;
+    }
+}