html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-x: hidden;
}
.fons {
	width: 100%;
	height: 100%;
	background-image: url('../img/fons.png');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: 100% 0px;
}
.negre {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.7);
}
#primera {
	padding-top: 40px;
	padding-bottom: 25px;
}
#primera p{
	padding-top: 15px;
	color: white;
	text-transform: uppercase;
	font-size: 48px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
#segona {
	padding-top: 55px;
}
#segona .titol{
	color: white;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
}
#segona .subtext{
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
}
#segona .textfinal {
	color: #ffd221;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
#segona #correu{
	padding-top: 55px;
    padding-bottom: 39px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: white
}
#segona #en{
	padding-top: 45px;
}
#tercera {
	padding-top: 100px;
	padding-bottom: 62px;
}
#tercera #titol {
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 30px;
}
#tercera #gratis {
	text-transform: uppercase;
}
#tercera #text {
	color: #ffd221;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
#tercera button {
	margin-top: 60px;
	border: none;
	outline: none;
	background-color: #620000;
	color: white;
	padding-top: 8px;
	padding-left: 52px;
	padding-right: 52px;
	padding-bottom: 8px;
	border-radius: 4px;
}
#registro {
	padding-top: 50px;
	padding-bottom: 50px;
}
#registro #titol{
	color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
}
#registro #gratis{
	text-transform: uppercase;
}
#registro #text{
	color: #ffd221;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
#rform #nombre{
	padding-left: 15px;
	padding-top: 10px;
    padding-bottom: 10px;
	width: 340px;
	border: none;
    outline: none;
    margin-top: 15px;
    margin-bottom: 20px;
    background: rgba(255,255,255, 0.4);
}
#rform #compania{
	padding-left: 15px;
	padding-top: 10px;
    padding-bottom: 10px;
	width: 340px;
	border: none;
    outline: none;
    margin-bottom: 20px;
    background: rgba(255,255,255, 0.4);
}
#rform #email{
	padding-left: 15px;
	padding-top: 10px;
    padding-bottom: 10px;
	width: 340px;
	border: none;
    outline: none;
    margin-bottom: 20px;
    background: rgba(255,255,255, 0.4);
}
#rform #telefono{
	padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
	width: 340px;
	border: none;
    outline: none;
    margin-bottom: 20px;
    background: rgba(255,255,255, 0.4);
}
#rform #acepta {
	margin-bottom: 20px;
}
#rform #aceptatexto {
	color: white;
}
#rform #enviar{
	margin-top: 15px;
	border: none;
    outline: none;
    background-color: #620000;
    color: white;
    padding-top: 8px;
    padding-left: 52px;
    padding-right: 52px;
    padding-bottom: 8px;
    border-radius: 4px;
}
input:focus {
    color: white;
}

input[type="text"]::-webkit-input-placeholder {
	color: white;
}
input[type="email"]::-webkit-input-placeholder {
	color: white;
}
input[type="number"]::-webkit-input-placeholder {
	color: white;
}

input[type="text"]::-moz-placeholder {
	color: white;
}
input[type="email"]::-moz-placeholder {
	color: white;
}
input[type="number"]::-moz-placeholder {
	color: white;
}

input[type="text"]::-ms-input-placeholder {
	color: white;
}
input[type="email"]::-ms-input-placeholder {
	color: white;
}
input[type="number"]::-ms-input-placeholder {
	color: white;
}
#aceptatexto a{
	color: white;
	text-decoration: none;
}
#respuesta p {
	margin-top: 10px;
	color: #ffd221;
}
#v{
	margin-top: 10px;
	border: none;
    outline: none;
    background-color: #620000;
    color: white;
    padding-top: 8px;
    padding-left: 52px;
    padding-right: 52px;
    padding-bottom: 8px;
    border-radius: 4px;
}
#condiciones{
    padding-top: 77px;
    padding-bottom: 77px;
}
#condiciones #text{
	padding-left: 113px;
	padding-right: 113px;
	color: #ffd221;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: justify;
}
.respuesta {
	color: #ffd221;
	padding-top: 10px;
	font-size: 16px;
}
@media (min-width: 768px) and (max-width: 992px) {
	.container {
   		width: 830px;
	}
	#primera p {
		font-size: 35px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	#primera p {
		font-size: 40px;
	}
}
@media (min-width: 100px) and (max-width: 767px) {
	.fons{
		height: 200%;
	}
	#segona{
		margin-top: 40px;
	}
	#tercera{
		margin-top: 40px;
	}
}