html{
   scroll-behavior: smooth;
	}

body {
	background: rgb(0,137,232);
	background: linear-gradient(0deg, rgba(0,137,232,1) 0%, rgba(223,27,189,1) 51%, rgba(0,155,255,1) 100%);
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	}

.banner{
	border-radius: 1em;
	}

/* NAV */
.navbar{
	padding: 1em;
	}

/* ROSI */
.rosi{
	background: #1b001a url('../img/bg-site-rosi-arrazzo.jpg') center center repeat-x;
	}

/* APRESENTADORA */
.apresentadora{
	padding-top: 5em;
	padding-bottom: 5em;
	}

.apresentadora h2{
	padding-bottom: 2em;
	font-size: 3em;
	font-weight: 700;
	}

.apresentadora p{
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 1em;
	}

.apresentadora span{
	color: #ffcc00;
	font-weight: 700;
	}

.apresentadora h3{
	padding: 2em;
	}

/* SOCIAL */
.social{
	padding-top: 5em;
	padding-bottom: 5em;
	}

.social h2{
	color: #fff;
	padding-bottom: 2em;
	font-size: 2.7em;
	font-weight: 700;
	}

/* MARKETING */
.marketing{
	padding-top: 5em;
	padding-bottom: 5em;
	}

.marketing h2{
	color: #fff;
	padding-bottom: 2em;
	font-size: 2.7em;
	font-weight: 700;
	}

.marketing-box{
	background-color: #fff;
	border-radius: 1em;
	}

.marketing-img{
	border-radius: 2em;
	padding: 1em;
	}

.marketing-h5{
	color: #0066cc;
	font-size: 2em;
	font-weight: 700;
	}

.marketing-body{
	padding: 2em;
	}


.marketing-p{
	color: #000;
	font-size: 1.3em;
	}

/* PATROCINADORES */
.patrocinadores{
	padding-top: 5em;
	padding-bottom: 5em;
	}

.patrocinadores h2{
	color: #fff;
	padding-bottom: 2em;
	font-size: 2.7em;
	font-weight: 700;
	}

/* CONTATO */
.contato{
	padding-top: 5em;
	padding-bottom: 5em;
	}

.contato h2{
	color: #fff;
	font-size: 2.7em;
	font-weight: 700;
	}

.contato p{
	font-size: 1.4em;
	}

.contato h5{
	color: #ffcc00;
	font-weight: 700;
	}

.contato button{
	background-color: #ff00ff;
	border: 0;
	}


/* FOOTER */
.footer{
	background-color: #4b07bc;
	padding-top: 5em;
	padding-bottom: 5em;
	}


.footer a{
	color: #fff;
	text-decoration: none;
	line-height: 4em;
	}


.footer-assinatura{
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 1.6em;
	}

/* SMARTPHONES */
@media only screen and (max-width: 599px) {

	.rosi{background-size: 400% 140%;padding-top: 2.8em;}
	.rosi-arrazzo{width: 35%;}
	.rosi-arrazzo-logo{width: 60%;}
	.div-rosi-arrazzo{text-align: center;}
	.div-logo-rosi-arrazzo{text-align: center;}
	.apresentadora h2{font-size: 1.9em;padding-bottom: 1.5em;}
	.apresentadora{padding-top: 3em;padding-bottom: 3em;}
	.banner-top{margin-bottom: 2em;}
	.social{padding-top: 3em;padding-bottom: 3em;}
	.social h2{font-size: 1.9em;padding-bottom: 1.5em;}
	.marketing{padding-top: 3em;padding-bottom: 3em;}
	.marketing h2{font-size: 1.9em;padding-bottom: 1.5em;}
	.patrocinadores{padding-top: 3em;padding-bottom: 3em;}
	.patrocinadores h2{font-size: 1.9em;padding-bottom: 1.5em;}
	.contato{padding-top: 3em;padding-bottom: 5em;text-align: center;}
	.contato-img{width: 60%;}

	}

/* TABLETS */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.rosi{padding-top: 2.5em;}
	.div-rosi-arrazzo{padding-right: 2em;text-align: right;}
	.rosi-arrazzo{width: 35%;}
	.div-logo-rosi-arrazzo{padding-top: 3.5em;text-align: left;}
	.rosi-arrazzo-logo{width: 50%;}
	.contato-img{width: 70%;}
	.form-h4{text-align: center;}
	form{padding-left: 5em;padding-right: 5em;}
	}

/* LAPTOP / DESKTOP */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
	.rosi{padding-top: 2.5em;}
	.rosi-arrazzo{width: 85%;}
	.div-rosi-arrazzo{text-align: center;}
	.div-logo-rosi-arrazzo{padding-top: 10em;text-align: left;}
	.rosi-arrazzo-logo{width: 50%;}
	}

/* DESKTOP */
@media only screen and (min-width: 1281px) {
	.rosi{padding-top: 2.5em;}
	.rosi-arrazzo{width: 75%;}
	.div-rosi-arrazzo{text-align: center;}
	.div-logo-rosi-arrazzo{padding-top: 10em;text-align: left;}
	.rosi-arrazzo-logo{width: 45%;}
	}