html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,q,s,var,b,u,i,center,dl,dt,dd,ul,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,video{
	margin:0px;
	padding:0px;
	border:0px;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	position:relative;
}
html{
	height:100%;
	width:100%;
	overflow: hidden;
}
body{
	font-family: 'Roboto', sans-serif;
	min-width:320px;
	min-height:100%;
	width:100%;
	background:#000000;
	color:#110f10;
	height:100%;
}
#wrapper{
	width:100%;
	min-height:100%;
	background:url("../img/layout-bridgestone.jpg") no-repeat 70% 50% fixed;
	background-size: cover;
}
#top{
	width:100%;
	height:100px;
	background:rgba(227,29,26,0.99);
	box-shadow:0px 0px 50px rgba(0,0,0,0.2);
	margin:0px 0%;
	top:0px;
	font-weight:bold;
	font-size:25px;
}
#logo{
	height:100px;
	/*background:#000000;*/
	float:left;
}
#logo img{
	display:block;
	/*margin:0 auto;*/
	top:17px;
}
#opinion{
	height:100px;
	/*background:#000000;*/
	float:right;
}
#opinion img{
	display:block;
	/*margin:0 auto;*/
	top:12px;
}
#cuerpo {
	width:87%;
	margin: 0 auto;
}
#validacion{
	width:100%;
	background:#e31d1a;
	/*background:#000;*/
	color:#ffb901;
	text-align:center;
	padding:15px 0px;
}
#main{
	margin:0 px 0px;
	width:100%;
	padding:0px 0px;
}

label{
	width:100%;
	padding:0px 0px 15px 0px;
	display:block;
	text-align:center;
}
p{
	width:100%;
	padding:0px 0px 10px 0px;
	display:block;
	text-align:center;
	font-size:20px;
}
.field,select{
	background:#dedede;
	border:2px solid #c2c2c2;
	border-radius:2px;
	padding:13px 5%;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:15px;
	font-size:25px;
}
.button{
	width:170px;
	height:75px;
	background:#ffb901;
	border:none;
	margin:25px auto;
	font-size:25px;
	font-weight:bold;
	display:block;
}
#main_codigo{
	margin:102px 200px;
}
#codigo_respuesta{
	background:#000000;
	color:#ffb901;
	font-size:30px;
	font-weight:bold;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	padding:13px 5%;
	margin:50px 0px;
	letter-spacing:5px;
	word-break:break-word;
}
.typeform-widget, .css-1o3fej  {
overflow: hidden!important;
}
.typeform-widget iframe {
	scrolling:no;
	overflow-y: hidden;
}
.brWDeN::before {
	scrolling:no;
	overflow-y: hidden;
}
.brWDeN, .typeform-widget .brWDeN {
    overflow-y: hidden!important;
}
iframe[Attributes Style], iframe {
	scrolling:no;
	overflow-y: hidden;
}

@media screen and (max-width: 1200px) {
	#top{
		width:100%;
		margin:0px auto;
	}
}
@media screen and (max-width: 920px) {
	#main_codigo{
		margin:100px 5%;
	}
}
@media screen and (max-width: 700px) {
	#main{
		margin:0px 0%;
		height:500px;
	}
}
@media screen and (max-width: 560px) {
	#top{
		font-size:20px;
		width:100%;
	}
	p{
		font-size:15px;
	}
	#main_codigo p{
		font-size:20px;
	}
	#codigo_respuesta{
		font-size:25px;
	}
	#logo img{
	display:block;
	/*margin:0 auto;*/
	top:20px;
	width:180px!important;
	max-width:100%!important;
}
#opinion img{
	display:block;
	/*margin:0 auto;*/
	top:20px;
	width:180px!important;
}
#cuerpo {
	width:100%;
	margin: 0 auto;
}
}
  {
        box-sizing: border-box;
    }
    /* Set additional styling options for the columns*/
    .column {
    float: center;
    width: 100%;
    }

    .row:after {
    content: "";
    display: table;
    clear: both;
    }