.rose-parade-copy{
	padding:30px;
}
.rose-parade-products,
.rose-parade-float{
	margin-bottom:20px;
}
.rose-parade-social{
	padding:50px 10px;
}

.rose-parade-social .iconSocial{
	float:left;
	width:25%;
	text-align:center;
}
.rose-parade-social .iconSocial img{
	width:25%;
	margin-bottom:10px;
}
.rose-parade-social .iconSocial p{
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
}
.rose-parade-social .iconSocial p a,
.rose-parade-social .iconSocial p a:active,
.rose-parade-social .iconSocial p a:link,
.rose-parade-social .iconSocial p a:visited{
	color:#000;
}
.rose-parade-video{
	overflow:hidden;
}
.rose-parade-video .videoWrapper{
	position:absolute;
	top:22.5%;
	left:11.5%;
	padding-bottom:60%;
	width:77%;
}
.rose-parade-video .videoWrapper iframe,
.rose-parade-video .videoWrapper object,
.rose-parade-video .videoWrapper embed {
	border:5px solid #000;
	height:75%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* form */
html#rose-parade-page .ui-dialog{padding:10px;}
html#rose-parade-page .ui-dialog .ui-dialog-titlebar{min-height:0;}
html#rose-parade-page .ui-dialog .ui-dialog-content{padding:0;}
html#rose-parade-page .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{right:4px;top:6px;}
html#rose-parade-page .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before{font-size:18px;color:#000;}

/* tablet reset */
@media only screen and (min-width:768px) and (max-width:1023px){
	.rose-parade-social .iconSocial p{
		font-size:12px;
	}
	.rose-parade-copy{
		padding:20px;
	}
}

/* mobile specific */
.rose-parade-mobile .copy{
	padding:0 5px;
}
.rose-parade-mobile .video{
	position:relative;
}
.rose-parade-mobile .video .videoWrapper{
	position:absolute;
	top:42.5%;
	left:6%;
	padding-bottom:60%;
	width:88%;
}
.rose-parade-mobile .video .videoWrapper iframe,
.rose-parade-mobile .video .videoWrapper object,
.rose-parade-mobile .video .videoWrapper embed {
	height:75%;
    left:0;
    position:absolute;
    top:0;
    width: 100%;
}
.rose-parade-mobile .social{

}
.rose-parade-mobile .social .iconSocial{
	margin:20px 0;
	text-align:center;
}
.rose-parade-mobile .social .iconSocial img{
	width:15%;
	margin-bottom:10px;
}
.rose-parade-mobile .social .iconSocial p{
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
}
.rose-parade-mobile .social .iconSocial p a,
.rose-parade-mobile .social .iconSocial p a:active,
.rose-parade-mobile .social .iconSocial p a:link,
.rose-parade-mobile .social .iconSocial p a:visited{
	color:#000;
}

/* mobile reset */
@media only screen and (max-width: 767px){
	html#rose-parade-page .ui-dialog{width:auto !important;}
}