--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +1,7 @@
+/**
+ * @copyright Copyright(C) 2015 4customers
+ * @author Markus Bröker<broeker.markus@googlemail.com>
+ */
html, body, p, textarea, input, select {
margin: 0;
padding: 0;
@@ -76,4 +80,55 @@
.form-inline .form-group {
max-width: 49%;
+}
+
+.promo {
+ margin-top: 10px;
+
+ font-weight: bold;
+ font-size: 2em;
+}
+
+/* Fluid Iframe starts */
+.wrapper {
+ position: relative;
+
+ width: 75%;
+ height: 100%;
+
+ padding-bottom: 38%;
+
+ margin-left: auto;
+ margin-right: auto;
+
+ text-align: center;
+}
+
+.iframe {
+ position: absolute;
+
+ width: 100%;
+ height: 100%;
+}
+
+.iframe iframe {
+ position: relative;
+
+ width: 100%;
+ height: 100%;
+}
+/* Fluid Iframe ends */
+
+@media screen and (max-width: 480px) {
+ body {
+ font-size: 1.25em;
+ }
+
+ .form-group button {
+ width: 100%;
+ }
+
+ .wrapper {
+ height: 220px;
+ }
}
\ No newline at end of file