/*
	AUTOR: Fernando Pedace
	CONTATO: fpedace@gmail.com

*/

@media (min-width: 1500px){
	.container {
	    width: 1450px;
	}
}



@media (max-width:1400px){

	h1 {
		font-size: 70px;
		line-height: 50px;	
		margin: 0 0 30px 0;
	}
	h1 span {
		font-size: 20px;
		font-weight: 400;
		line-height: 20px;
	}
	h4 {
		font-size: 40px;
	}
	#menu {
		top: 10px;
		padding-right: 40px;
	}
	#capa {
		min-height: 550px;
	}
	#capa .logo {
		top: 40px;
		left: 40px;
	}
	#capa .info {
		bottom: 40px;
	}
	#capa .info span.data {
		line-height: 30px;
	}
	#capa .clock {
		margin-top: 60px;
		font-size: 40px;
	}
	#capa .clock span {
		font-size: 20px;
	}
	#capa .clock:after {
		right: 160px;
	}
	#capa .selo {
		display: none;
	}
	#sobre .conteudo {
		width: 500px;
		margin-right: 100px;
	}
	#contato .conteudo {
		width: 500px;
	}
	#contato .contatos > div {
		margin-right: 40px;
		font-size: 24px;
	}
}

@media (max-width: 992px){
	h1, p {
		text-align: center !important;
	}
	.conteudo{
	  float: none;
	  width: 100%;
	  padding: 0;
	  margin: 160px 0 40px;	
	}

}

@media (max-width:768px){
	h1 { 
		font-size: 60px; 
		margin-bottom: 10px;
	}
	#capa {
		min-height: 480px;
	}	
	#capa .chamada {
		height: 270px;
		margin-top: -135px;		
		font-size: 24px;
	}	
	#capa .chamada i.logo {
		width: 350px;
		height: 177px;
		margin-bottom: 20px;
	}	
	#capa .chamada h1 {
		font-size: 50px;
		margin-bottom: 0;
		line-height: 50px;
	}
	#capa a,
	#capa a:hover {
		bottom: 20px; 
	}			
	nav {
	  display: none !important;
	}
	.conteudo {
	  margin: 60px 0 40px;
	}	

	#cup .video {
		width: 100%;
	}	
	#local {
		height: 300px;
	}

	h1,
	#capa .chamada i.logo,
	#capa .chamada span,
	#capa a,
	.conteudo p,
	#evento .conteudo div,
	.infos li,
	form,
	#inscricoes .box,
	#to-top {
		-webkit-animation-play-state: paused !important;
    			animation-play-state: paused !important;
		-webkit-animation: none !important;
		   -moz-animation: none !important;
			-ms-animation: none !important;
				animation: none !important;
		opacity: 1  !important;
    }
	a, 
	.conteudo button, 
	#capa a, 
	#to-top {
		-webkit-transition: none;
		   -moz-transition: none;
			 	transition: none;
	}	
}

@media (max-width:480px){
	h1 { 
		font-size: 40px; 
		margin-bottom: 10px;
	}
	h3 {
	  font-size: 16px;
	}
	.conteudo p { 
		font-size: 14px;
		line-height: 24px;
	}

	form label.control-label {
		font-size: 11px;
	}
	label.error, div.error {
	  line-height: 13px;
	}
	#capa {
		min-height: 350px;
	}
	#capa .chamada {
		width: 300px;
		height: 210px;
		margin: -105px 0 0 -150px;
		font-size: 16px;
	}
	#capa .chamada i.logo {
		width: 250px;
		height: 127px;
		margin-bottom: 10px;
	}
	#capa .chamada h1 {
		font-size: 30px;
		margin-bottom: 0;
		line-height: 30px;
	}
	#capa a {
	  margin-left: -100px;
	  bottom: 10px;
	  font-size: 14px;
	}
	#capa a:hover {
	  bottom: 10px;
	}	
	#capa a i {
	  margin: 5px auto;
	}
	#rodape div {
		font-size: 10px;
	}

	#rodape div a {
		width: 200px;
		height: 55px;
	}

	#to-top {
		display: none !important;
	}
}