@media screen and (max-width: 640px){
	/* -- reset -- */
	*{
		padding: 0;
		margin: 0;
		
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		
		-webkit-tap-highlight-color: transparent;
	}
	/* -- fim reset -- */


	/* -- global --*/


	html{
		width: 100%;
		height: 100%;
	}

	body{
		width: inherit;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	/* -- fim global -- */


	/* -- point of view -- */
	.screen{
		position: relative;
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		opacity: 0;
	}
	
	.frame{
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}

	.box_header{
	    width: 320px;
		height: 80px;
		margin: 10px auto;
	}

	.texto{
		color: #000;
		font-size: 28px;
		font-family: Georgia;
		font-style: italic;
		font-weight: 300;
		line-height: 80px;
		float: left;
	}

	#eweg_vetor{
	    float: left;
		width: 50px;
		padding: 15px 0px;
	}

	#eweg_vetor_colorido{
		float: right;
		width: 60px;
		padding: 10px 0px;
	}

	#barra{
		margin-left: 15px;
	}

	.box_content{
		width: 320px;
		margin: auto;
	}

	.thumbnail{
		position: relative;
		width: 320px;
		height: 180px;
		margin: 10px 0px;
		overflow: hidden;
		-webkit-transition: 500ms;
		transition: 500ms;
		float: left;
		border: 3px solid #E94E1B;
	}
	
	#thumb_1{
		background-image: url('../media/thumb_camadas_atmosfera.png');
		background-size: cover;
	}
	
	#thumb_2{
		background-image: url('../media/thumb_dia_do_agricultor.png');
		background-size: cover;
	}
	
	#thumb_3{
		background-image: url('../media/thumb_dia_nacional_do_livro_didatico.png');
		background-size: cover;
	}
	
	#thumb_4{
		background-image: url('../media/thumb_dia_da_agua.png');
		background-size: cover;
	}
	
	#thumb_5{
		background-image: url('../media/thumb_animalfabeto.png');
		background-size: cover;
	}
    
	.links{
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
	}
	
	.blur{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 320px;
		height: 180px;
		background-color: rgba(0, 0, 0, 0.75);
		background-image: url(../media/link.svg);
		background-size: 45px 45px;
		background-repeat: no-repeat;
		background-position: 135px 65px;
		cursor: pointer;
		display: none;
	}

	.blur_nome{
		position: absolute;
		width: 100%;
		bottom: 25px;
		font-size: 22px;
		color: #fff;
		text-align: center;
		font-style: italic;
	}
	
	#contato{
		color: #000;
		width: 320px;
		font-size: 24px;
		font-family: Georgia;
		font-style: italic;
		font-weight: 300;
		line-height: 50px;
		text-align: center;
		float: left;
	}
	
	#iframe_video{
		width: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 641px){
	/* -- reset -- */
	*{
		padding: 0;
		margin: 0;
		
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		
		-webkit-tap-highlight-color: transparent;
	}
	/* -- fim reset -- */


	/* -- global --*/


	html{
		width: 100%;
		height: 100%;
	}

	body{
		width: inherit;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	/* -- fim global -- */


	/* -- point of view -- */
	.screen{
		position: relative;
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		opacity: 0;
	}
	
	.frame{
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}

	.box_header{
		width: 640px;
		height: 100px;
		margin: 15px auto;
	}

	.texto{
		color: #000;
		font-size: 38px;
		font-family: Georgia;
		font-style: italic;
		font-weight: 300;
		line-height: 100px;
		float: left;
	}

	#eweg_vetor{
		float: left;
		width: 80px;
		padding: 10px 0px;
	}

	#eweg_vetor_colorido{
		float: right;
		width: 80px;
		padding: 10px 0px;
	}

	#barra{
		margin-left: 15px;
	}

	.box_content{
		width: 640px;
		margin: auto;
	}

	.thumbnail{
		position: relative;
		width: 640px;
		height: 360px;
		margin: 10px 0px;
		overflow: hidden;
		-webkit-transition: 500ms;
		transition: 500ms;
		float: left;
		border: 4px solid #E94E1B;
	}
	
	#thumb_1{
		background-image: url('../media/thumb_camadas_atmosfera.png');
		background-size: cover;
	}
	
	#thumb_2{
		background-image: url('../media/thumb_dia_do_agricultor.png');
		background-size: cover;
	}
	
	#thumb_3{
		background-image: url('../media/thumb_dia_nacional_do_livro_didatico.png');
		background-size: cover;
	}
	
	#thumb_4{
		background-image: url('../media/thumb_dia_da_agua.png');
		background-size: cover;
	}
	
	#thumb_5{
		background-image: url('../media/thumb_animalfabeto.png');
		background-size: cover;
	}
    
	.links{
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
	}
	
	.blur{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 640px;
		height: 360px;
		background-color: rgba(0, 0, 0, 0.75);
		background-image: url(../media/link.svg);
		background-size: 60px 60px;
		background-repeat: no-repeat;
		background-position: 290px 150px;
		cursor: pointer;
		display: none;
	}

	.blur_nome{
		position: absolute;
		width: 100%;
		bottom: 35px;
		font-size: 38px;
		color: #fff;
		text-align: center;
		font-style: italic;
	}
	
	#contato{
	    color: #000;
		width: 100%;
		font-size: 34px;
		font-family: Georgia;
		font-style: italic;
		font-weight: 300;
		line-height: 100px;
		float: left;
		text-align: center;
	}
	
	#iframe_video{
		width: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 1120px){
	/* -- reset -- */
	*{
		padding: 0;
		margin: 0;
		
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		
		-webkit-tap-highlight-color: transparent;
	}
	/* -- fim reset -- */


	/* -- global --*/


	html{
		width: 100%;
		height: 100%;
	}

	body{
		width: inherit;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	/* -- fim global -- */


	/* -- point of view -- */
	.screen{
		position: relative;
		width: 1120px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		opacity: 0;
	}

	.frame{
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}

	.box_header{
		width: 1100px;
		height: 100px;
		margin: 25px auto;
	}

	.texto{
		color: #000;
		font-size: 64px;
		font-family: Georgia;
		font-style: italic;
		font-weight: 300;
		line-height: 100px;
		float: left;
	}

	#eweg_vetor{
		float: left;
		width: 70px;
		padding: 15px 0px;
	}

	#eweg_vetor_colorido{
		float: right;
		width: 90px;
		padding: 5px 0px;
	}

	#barra{
		margin-left: 15px;
	}

	.box_content{
		width: 1120px;
		margin: auto;
	}

	.thumbnail{
		position: relative;
		width: 1120px;
		height: 630px;
		margin: 10px 0px;
		overflow: hidden;
		-webkit-transition: 500ms;
		transition: 500ms;
		float: left;
		border: 5px solid #E94E1B;
	}
	
	#thumb_1{
		background-image: url('../media/thumb_camadas_atmosfera.png');
		background-size: cover;
	}
	
	#thumb_2{
		background-image: url('../media/thumb_dia_do_agricultor.png');
		background-size: cover;
	}
	
	#thumb_3{
		background-image: url('../media/thumb_dia_nacional_do_livro_didatico.png');
		background-size: cover;
	}
	
	#thumb_4{
		background-image: url('../media/thumb_dia_da_agua.png');
		background-size: cover;
	}
	
	#thumb_5{
		background-image: url('../media/thumb_animalfabeto.png');
		background-size: cover;
	}
    
	.links{
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
	}

	.blur{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 1120px;
		height: 630px;
		background-color: rgba(0, 0, 0, 0.75);
		background-image: url(../media/link.svg);
		background-size: 70px 70px;
		background-repeat: no-repeat;
		background-position: 525px 280px;
		cursor: pointer;
		display: none;
	}

	.blur_nome{
		position: absolute;
		width: 100%;
		bottom: 45px;
		font-size: 48px;
		color: #fff;
		text-align: center;
		font-style: italic;
	}
	
	#contato{
	    color: #000;
		width: 1100px;
		font-size: 34px;
		font-family: Georgia;
		font-style: italic;
		font-weight: 300;
		line-height: 100px;
		float: left;
		text-align: right;
	}
	
	#iframe_video{
		width: 100%;
		height: 100%;
	}
}