diff --git a/css/main.css b/css/main.css --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,7 @@ +/** + * @copyright Copyright(C) 2015 4customers + * @author Markus Bröker + */ 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