	*{
		box-sizing:border-box;
	}
	html{
		font-size:16px;
		min-width:100%;
		min-height:100%;
	}
	body{
		padding:0;
		margin:0;
		width:100%;
		height: 100%;
		font-family: arial, sans-serif;
		font-size:1rem;
		background:#222;
	}
	.container{
		background:#fff;
		min-width:250px;
		max-width:700px;
		margin:0 auto;
	}
	h1, h2, h3, 
	h4, h5, h6{
		margin:0;
	}
	header{
		/* background-image:url("http://academico2.opet.com.br/imgsite/email-resposta/06-2015-comunicado-top.jpg"); */
		/* background-size:cover; */
		width:100%;
	}
	header article{
		padding: 60px 30px;
		color:#fff;
	}
	header article h1{
		font-size:2.2rem;
		color:#fff;
		text-align:center;
	}
	.content{
		padding: 0 20px 30px;
	}
	.content ul{
		line-height: 2;
	}
	.content a, .content a.link{
		/* background:lightgray; */ 
		color:gray; 
		text-decoration:none;
		font-weight: bold;
		border-bottom: 1px dotted gray;
	}
	.content a:hover, .content a.link:hover{
		border-bottom:none;
		/*color:#fff;*/
	}
	.content a.button, a.button.btn{
		padding:18px 30px; 
		background-color:orangered;
		border-radius:3px; 
		border-bottom:none;
	}
	.content a.button:hover{
		background:darkgreen;
		border-bottom:none;
	}
	.content p {
		margin-top: 18px;
	}

.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-left: -20px;
	margin-right: -20px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button{
	margin-top:30px;
}

.coisadeamigo{background:#E35100; border-bottom:none !important;}
.coisadeamigo img{width:100%;}
.coisadeamigo:hover img{opacity:.8;}

.avisowifi{background:darkgreen;}
.avisowifi:hover{background:#E35100 !important;}


.thumbnail-crop{
	position:relative;
	width:150px;
	height:150px;
	display:block;
	overflow:hidden;
}
.thumbnail-crop img{
	position:absolute;
  width: auto;
}


	@media screen and (max-width:289px){
		h1{
			display:none;
		}
	}

	@media screen and (min-width:290px) and (max-width:479px){
		header article h1 span{
			display:none;
		}
	}

	@media screen and (min-width:650px){
		.container{
			max-width:650px;
		}
	}

