/* CSS reset */

body, h1 {
  margin: 0;
  padding: 0;
}

h1 {
  text-transform: uppercase;
}

body {
  color: #333333;
  font-family: helvetica;
  background-image: url(https://www.weareyou.es/img/fondo.png);
  background-size: cover;
  background-repeat: no-repeat;

}
.forma-amarilla{width:289px; height:255px; position:fixed;     top:0;
    z-index: -9;}
.forma-gris{width:200px; height:913px; position: fixed;
    top: 0;
    right: 0;
    z-index: -9;}

a{text-decoration: none;color: #333333;
  font-family: helvetica}

.cabecera {margin: 0 auto; text-align: center; margin-top: 50px; height: 200px}

.columnas {width: 100%padding:0px;}
.columnas .izquierda{width: 50%; margin: 0 auto;float: left; text-align: right;}
.columnas .derecha{width: calc(50% - 100px); margin: 0 auto; float: right; padding-left:100px;}

.info-footer {
    float: left;
    width: 100%;
}

.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif;}
label span {color: #f00}
textarea {min-height: 50px!important;}
label{font-size: 0.8vw}
.mensaje-campo{height: 200px}
.form { max-width:500px; padding-right:50px; }

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
  
   display: inline;
}
input[type="submit" i]{border: none; background-color: #000; text-transform: uppercase;color: #fff; padding: 10px; margin:20px 0; width:100%;}


@media screen and (max-width: 790px) {
	.columnas .izquierda, .columnas .derecha{width: calc(100% - 100px); text-align: center; margin:20px 50px}
	.columnas .izquierda img {width:100%; max-width:476px;}
	.form{padding:0}
	.cabecera{height:auto; margin-bottom:50px}
}

/* Common */
/*
.fix {
  *zoom: 1;
}

.fix:after {
  display: table;
  clear: both;
  content: '';
}

/* Home 

.wrap {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  position:relative;
}

.logo, #gameArea {
  margin-bottom: 40px;
}

.ws-area, .ws-words {
  display: inline-block;
  vertical-align: top;
}

.ws-words {
  margin-left: 20px;
  text-align: left;
}

.ws-word {
  margin-bottom: 4px;
}

.ws-words ::first-letter{
	text-transform : capitalize;
}*/