@media screen and (min-width: 300px) and (max-width: 479px) {
	header{
		height: auto !important;
		min-height: 16% !important;

	}

	#logo{
		height: 50px !important;
		width: 100% !important;
	}

	#facebook,#twitter{
		width: 10% !important;
		margin-left: 45%;
	}
	#home{
		height: auto !important;
		min-height: 85% !important;
	}



	h1{
		font-size: 25px !important;
	}
	
	#divrockola{
		margin-top: 30% !important;
		padding-top: 4%;
		height: auto !important; 
	}

	#divrockola h1{
		text-align: center;

	}

	#divhome{
		margin-top: 30% !important;
	}

	.titulo{
		min-height: 30% !important;
		text-align: center;
		height: auto !important;
	}
	p b{
		font-size: 25px !important;
	}
	
	h2{
		font-size: 30px !important;
	}
	#nuestro-aplicativo p{
		font-size: 15px !important;
	}

	#nuestro-aplicativo{
		min-height: 85% !important;
		height: auto!important;
	}

	#section-formulario{
		height: auto !important;
	}

	#menu-quiui ul{
		

	}

	#menu-quiui li{
		background: #222;
		border: 1px solid #fff;
		margin: 0 !important;
	}

	#btn-enviar{
		width: 100% !important;
	}

	#celquiui{
		width: 80% !important;
	}


	#imgdados{
		width: 75% !important;
		margin-top: 2% !important;
	}





}

@media screen and (min-width: 480px) and (max-width: 599px) {
	header{
		height: auto !important;
		min-height: 16% !important;

	}
	.navbar{
		margin-bottom:0 !important; 
	}
	.rowno{
		height: 10px !important;
	}


	#logo{
		margin-top: 10px;
		height: 60px !important;
		width: 100% !important;
	}
	#facebook,#twitter{
		width: 12% !important;
		margin-left: 45%;
	}

	#home{
		height: auto !important;
		min-height: 85% !important;
	}



	h1{
		font-size: 25px !important;
	}
	
	#divrockola{
		height: auto !important;
		margin-top: 7% !important;
		padding-top: 4%;
	}

	#divrockola h1{
		text-align: center;

	}

	#divhome{
		margin-top: 20% !important;
	}
	
	#divhome img{
		width: 80% !important;
		margin-left: 10% !important;
	}

	.titulo{
		min-height: 30% !important;
		height: auto !important;
		text-align: center;
	}
	p b{
		font-size: 25px !important;
	}
	
	h2{
		font-size: 30px !important;
	}
	#nuestro-aplicativo p{
		font-size: 15px !important;
	}

	#nuestro-aplicativo{
		min-height: 85% !important;
		height: auto !important;
	}

	#section-formulario{
		height: auto !important;
	}

	#menu-quiui ul{
		

	}

	#menu-quiui li{
		background: #222;
		border: 1px solid #fff;
		margin: 0 !important;
	}

	#btn-enviar{
		width: 100% !important;
	}

	#celquiui{
		width: 70% !important;
	}


	#imgdados{
		width: 60% !important;
		margin-top: 2% !important;
	}







}

@media screen and (min-width: 600px) and (max-width: 767px) {
	header{
		height: auto !important;
		min-height: 16% !important;

	}
	.navbar{
		margin-bottom:0 !important; 
	}
	.rowno{
		height: 10px !important;
	}

	#logo{
		height: 60px !important;
		width: 70% !important;
	}

	#facebook,#twitter{
		width: 12% !important;
		margin-left: 45%;
	}
	#home{
		height: auto !important;
		min-height: 85% !important;
	}



	h1{
		font-size: 30px !important;
	}
	
	#divrockola{
		min-height: 20%!important;
		height: auto!important;
		margin-top: 7% !important;
		padding-top: 1%;
	}

	#divrockola h1{
		text-align: center;

	}

	#divhome{
		margin-top: 20% !important;
	}
	
	#divhome img{
		width: 60% !important;
		margin-left: 20% !important;
	}

	.titulo{
		height: auto !important;
		min-height: 30% !important;
		text-align: center;
	}
	p b{
		font-size: 25px !important;
	}
	
	h2{
		font-size: 30px !important;
	}
	#nuestro-aplicativo p{
		font-size: 15px !important;
	}

	#nuestro-aplicativo{
		height: auto!important;
		min-height: 85% !important;
	}

	#section-formulario{
		height: auto !important;
	}

	#menu-quiui ul{
		

	}

	#menu-quiui li{
		background: #222;
		border: 1px solid #fff;
		margin: 0 !important;
	}

	#btn-enviar{
		width: 60% !important;
		margin-left: 20%;
	}

	#celquiui{
		width: 55% !important;
	}


	#imgdados{
		width: 40% !important;
		margin-top: 2% !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 899px) {
	header{
		height: auto !important;
		min-height: 16% !important;

	}
	.navbar{
		margin-bottom:0 !important; 
	}
	.rowno{
		height: 10px !important;
	}

	#logo{
		height: 80px !important;
		width: 80% !important;
	}

	#home{
		height: auto !important;
		min-height: 85% !important;
	}

	#contfluid{
		padding-left: 0 !important;
		padding-right: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	#menu-quiui{
		padding-left: 0 !important;
		padding-right: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.icons a{
		padding: 0 !important;
		width: 50px !important;
		width: 100% !important;
	}
	.icons{
		padding: 0 !important;
		width: 50px !important;
	}
	#facebook,#twitter{
		width: 100% !important;
		
	}


	h1{
		font-size: 30px !important;
	}
	
	#divrockola{
		height: auto !important;
		min-height: 20%!important;
		margin-top: 7% !important;
		padding-top: 1%;
	}

	#divrockola h1{
		text-align: center;

	}

	#divhome{
		margin-top: 20% !important;
	}
	
	#divhome img{
		width: 60% !important;
		margin-left: 20% !important;
	}

	.titulo{
		min-height: 30% !important;
		text-align: center;
		height: auto !important;
	}
	p b{
		font-size: 25px !important;
	}
	
	h2{
		font-size: 30px !important;
	}


	li{
		font-size: 14px !important;
	}

	#nuestro-aplicativo p{
		font-size: 15px !important;
	}

	#nuestro-aplicativo{
		min-height: 85% !important;
		height: auto !important;
	}

	#section-formulario{
		height: auto !important;
	}


	#btn-enviar{
		width: 60% !important;
		margin-left: 20%;
		margin-bottom: 10px;
	}

	#celquiui{
		width: 55% !important;
	}


	#imgdados{
		width: 100% !important;
		margin-top: 12% !important;
	}
	#imgfooter {
	    width: 65% !important;
	    margin-top: 5% !important;
	    margin-bottom: 2% !important;
	}

	#copy{
		font-size: 13px !important;
		margin-top: 10%!important;
	}



}

@media screen and (min-width: 900px) and (max-width: 991px) {
	header{
		height: auto !important;
		min-height: 16% !important;

	}
	.navbar{
		margin-bottom:0 !important; 
	}
	.rowno{
		height: 10px !important;
	}

	#logo{
		height: 80px !important;
		width: 80% !important;
	}

	
	#contfluid{
		padding-left: 0 !important;
		padding-right: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	#menu-quiui{
		padding-left: 0 !important;
		padding-right: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.icons a{
		padding: 0 !important;
		width: 52px !important;
		width: 100% !important;
		

	}
	.icons{
		margin-left: 13px !important ;
		margin-top: 10px !important;
		padding: 0 !important;
		width: 60px !important;
	}

	#facebook,#twitter{
		width: 100% !important;
		
	}


	#home{
		height: auto !important;
		min-height: 85% !important;
	}



	h1{
		font-size: 30px !important;
	}
	
	#divrockola{
		min-height: 20% !important;
		height: auto !important;
		margin-top: 7% !important;
		padding-top: 1%;
	}

	#divrockola h1{
		text-align: center;

	}

	#divhome{
		margin-top: 20% !important;
	}
	
	#divhome img{
		width: 60% !important;
		margin-left: 20% !important;
	}

	.titulo{
		min-height: 30% !important;
		text-align: center;
		height: auto !important;
	}
	p b{
		font-size: 25px !important;
	}
	
	h2{
		font-size: 30px !important;
	}


	li{
		font-size: 14px !important;
	}

	#nuestro-aplicativo p{
		font-size: 15px !important;
	}

	#nuestro-aplicativo{
		min-height: 85% !important;
		height: auto !important;
	}

	#section-formulario{
		height: auto !important;
	}


	#btn-enviar{
		width: 80% !important;
		margin-left: 10%;
		margin-bottom: 10px;
	}

	#celquiui{
		width: 55% !important;
	}


	#imgdados{
		width: 100% !important;
		margin-top: 12% !important;
	}
	#imgfooter {
	    width: 65% !important;
	    margin-top: 5% !important;
	    margin-bottom: 2% !important;
	}

	#copy{
		font-size: 13px !important;
		margin-top: 10% !important;
	}

}


@media screen and (min-width: 992px) and (max-width: 1199px) {

	header{
		height: auto !important;
		min-height: 16% !important;

	}
	.navbar{
		margin-bottom:0 !important; 
	}
	.rowno{
		height: 12px !important;
	}

	#logo{
		height: 85px !important;
		width: 80% !important;
	}


	#contfluid{
		padding-left: 0 !important;
		padding-right: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	#menu-quiui{
		padding-left: 0 !important;
		padding-right: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.icons a{
		padding: 0 !important;
		width: 52px !important;
		width: 100% !important;
		

	}
	.icons{
		margin-left: 12px !important ;
		margin-top: 5px !important;
		padding: 0 !important;
		width: 80px !important;
	}

	#facebook,#twitter{
		width: 100% !important;
		
	}

	#home{
		height: auto !important;
		min-height: 85% !important;
	}



	h1{
		font-size: 32px !important;
	}
	
	#divrockola{
		min-height: 20% !important;
		height: auto!important;
		margin-top: 7% !important;
		padding-top: 1%;
	}

	#divrockola h1{
		text-align: center;

	}

	#divhome{
		margin-top: 20% !important;
	}
	
	

	.titulo{
		min-height: 30% !important;
		text-align: center;
		height: auto !important;
	}
	p b{
		font-size: 26px !important;
	}
	
	h2{
		font-size: 31px !important;
	}


	li{
		font-size: 16px !important;
	}

	#nuestro-aplicativo p{
		font-size: 16px !important;
	}

	#nuestro-aplicativo{
		height: auto !important;
		min-height: 85% !important;
	}

	#section-formulario{
		height: auto !important;
	}


	#btn-enviar{
		
		margin-bottom: 10px;
	}

	#celquiui{
		width: 80% !important;
	}


	#imgdados{
		width: 100% !important;
		margin-top: 12% !important;
	}
	#imgfooter {
	    width: 65% !important;
	    margin-top: 5% !important;
	    margin-bottom: 2% !important;
	}

	#copy{
		font-size: 14px !important;
		margin-top: 12% !important;
	}
	

}