css/main.css
changeset 42 015d3f02d4e8
parent 41 08414729c5b4
equal deleted inserted replaced
41:08414729c5b4 42:015d3f02d4e8
       
     1 /**
       
     2  * @copyright     Copyright(C) 2015 4customers
       
     3  * @author        Markus Bröker<broeker.markus@googlemail.com>
       
     4  */
     1 html, body, p, textarea, input, select {
     5 html, body, p, textarea, input, select {
     2     margin: 0;
     6     margin: 0;
     3     padding: 0;
     7     padding: 0;
     4 }
     8 }
     5 
     9 
    75 }
    79 }
    76 
    80 
    77 .form-inline .form-group {
    81 .form-inline .form-group {
    78     max-width: 49%;
    82     max-width: 49%;
    79 }
    83 }
       
    84 
       
    85 .promo {
       
    86     margin-top: 10px;
       
    87 
       
    88     font-weight: bold;
       
    89     font-size: 2em;
       
    90 }
       
    91 
       
    92 /* Fluid Iframe starts */
       
    93 .wrapper {
       
    94     position: relative;
       
    95 
       
    96     width: 75%;
       
    97     height: 100%;
       
    98 
       
    99     padding-bottom: 38%;
       
   100 
       
   101     margin-left: auto;
       
   102     margin-right: auto;
       
   103 
       
   104     text-align: center;
       
   105 }
       
   106 
       
   107 .iframe {
       
   108     position: absolute;
       
   109 
       
   110     width: 100%;
       
   111     height: 100%;
       
   112 }
       
   113 
       
   114 .iframe iframe {
       
   115     position: relative;
       
   116 
       
   117     width: 100%;
       
   118     height: 100%;
       
   119 }
       
   120 /* Fluid Iframe ends */
       
   121 
       
   122 @media screen and (max-width: 480px) {
       
   123     body {
       
   124         font-size: 1.25em;
       
   125     }
       
   126 
       
   127     .form-group button {
       
   128         width: 100%;
       
   129     }
       
   130 
       
   131     .wrapper {
       
   132         height: 220px;
       
   133     }
       
   134 }