/*
Theme Name: Aneks WSI
*/

* { box-sizing:border-box; font-family:'Roboto', /*'din145_14h_08.87regular',*/ sans-serif; }
body { margin:0; padding:0; font-size:2vw; }
p { text-align:justify; }
#body { margin:0 auto; background-color:#f1f1f1; }


#title h1 {
width:100%; height:0; background-repeat: no-repeat; background-position:top left;
background-size:cover;
text-indent:100%; white-space:nowrap; overflow:hidden;
display:block; margin:0; padding:0 0 61% 0;
}

#form { padding:1em; color:#808080; }
#form h1 { padding:0; margin:0; text-transform: uppercase; font-size:2em; text-align:center; }
#form input { margin:1em 0; }
#form input[type='text'], #form input[type='email'] { width:100%; border-width:0 0 0.05em 0; border-color:#808080; border-style:solid; background-color:transparent; font-size:1em;  }
#form input[type='submit'] { width:100%; background-color:#e31013; color:#fff; font-size:1.5em; text-align:center; border:0; padding:0.5em; }
#form .terms { font-size:0.7em; }

#content { background-color:#fff; padding:1em; }
#content h1 { text-align:center; color:#808080; }

#footer { color:#808080; font-size:0.7em; clear:both; width:100%;  padding:0.7em 1em; text-align:center; }

@media screen and (min-width: 700px) {
  body { font-size:1.5vw; }
  #title { width:60%; float:left; }
  #form { width:40%; float:right; }
  #form input { margin:0; }
  #content { float:left; width:60%; }
}

.fb-share-button { width:100%; text-align:center; }