/*@font-face {
    font-family: myFirstFont;
    src: url(OpenSans_ExtraBold.woff);
}*/

div {
    font-family: sans-serif; /*, Arial*/
}

body { 
	margin:0; /* This is used to reset any browser-default margins */ 
}

.box0 {
	width: auto;
	background: white;

	display: flex;
    flex-wrap: wrap; /* optional. only if you want the items to wrap */
    justify-content: center; /* for horizontal alignment */

    padding: 50 0 50 0;
}

.box1 {
	text-align:left;
	float: left;
	width:40%;
	min-width: 300px;
	display:inline-block;

	margin: 0 0 auto 0;
	padding: 25;
}

.title{
	font-size: 200%;
    color: #204457;

}

.description {
	font-size: 150%;
    color: #6a6a6a;
	
}

.mini_box {
	width: 100%;

	font-size: 100%;
    color: #6a6a6a;
}

.mini_box td{
	text-align: center;
}

.drawBorder{
	border-right: 2px solid gray;
}

.legenda{
	font-size: 100%;
}

.espacoInvisivel{
	font-size: 40%;
}

@media only screen and (max-width: 1000px) {/*768*/
	/* For mobile phones: */
	.box1 {
		width:80%;
	}
	.title{
		font-size: 350%;
	}
	.description {
		font-size: 250%;
	}
	.legenda{
		font-size: 180%;
	}

	.at_img{
		-webkit-transform: scale(1.5); /* Saf3.1+, Chrome */
	     -moz-transform: scale(1.5); /* FF3.5+ */
	      -ms-transform: scale(1.5); /* IE9 */
	       -o-transform: scale(1.5); /* Opera 10.5+ */
	          transform: scale(1.5);
	}
	.espacoInvisivel{
		font-size: 100%;
	}
}