/*---------------------------
	normalização
	---------------------------*/

@import url('https://fonts.googleapis.com/css?family=Advent+Pro:300,400,700|Raleway:100,100i,400,400i,700,700i,900,900i');

html,
body {
	font-size: 62.5%;
	/*line-height: 1.5rem;*/
	/*color:#666;*/
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
}

* {
	box-sizing: border-box;
	font-family: 'Raleway', sans-serif;
	font-family: 'Advent Pro', sans-serif;
}

/** a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}*/

img,video,picture,embed {max-width: 100%}

/*-----------------------
estilos principais
-----------------------*/

@media screen and (max-width: 999999px) {

	#main-header .container input,
	#main-header .container label {
		display: none;
	}

	.wide {
		width: 100%;
	}

	.row {
		display: flex;
		flex-direction: row;
	}

	.column {
		display: flex;
		flex-direction: column;
	}

	.container {
		width: 1200px;
		margin: 0 auto;
		/*background-color: #ccc;*/
	}

	.border {
		border: solid 1px #000;
	}

	main {
		width: 100%;
		height: auto;
		position: relative;
		background-color: lightyellow;
		margin: 0 auto;
		z-index: 2;
		top: 250px;
		box-shadow: 0px -7px 90px rgba(0,0,0,0.8);
	}

	main .container {
		/* border: 1px solid #000; */
		background-color: #fff;
		display: flex;
		height: auto;
		min-height: 710px;
		align-items: flex-start;
		padding-bottom: 2rem;
		box-shadow: 0px 20px 60px -10px rgba(0,0,0,0.4);

	}

	main .container article:nth-child(1) {
		flex-grow: 1;
		min-width: 250px;
	}

	main .container article:nth-child(2) {
		flex-grow: 4;
		padding-left: 1rem;
		padding-top: 10.5rem;
	}

	main .container article h4 {
		margin: 0;
		padding: 0;
		text-align: left;
		font-family: Advent Pro;
		font-size: 2.6rem;
		font-weight: 2.0rem;
		/* text-transform: lowercase; */
	}

	main .container article h3 {
		margin: 0.2rem 0rem;
		padding: 0;
		text-align: center;
		font-family: Raleway;
		font-size: 1.8rem;
		font-weight: 400;
		text-transform: uppercase;
	}

	main .container article p {
		font-family: arial;
		font-size: 1.5rem;
		line-height: 2.7rem;

	}

	main .container article p a {
		display: inline-block;
		font-family: arial;
		font-size: 1.2rem;
		line-height: 1.7rem;
		text-decoration: none;
		height: auto;
		width: auto;
		padding: 0.6rem 1rem;
		color: #fff;
		background-color: orange;
		border-radius: 1.6rem;
	}

		main .container article p a:hover {
			color: #000;
			background-color: white;
			border: solid 2px orange;
		}

	main .container article figure {
		margin: 0;
		padding: 2rem 0;
		border-bottom: 1px solid #999;
		display: flex;
		align-content: flex-end;
		height: 200px;
		/* border: 1px solid #000; */
	}

	main .container article figure img {
		display: block;
		margin: 0 auto;
		height: 180px;
	}

	footer {
		top: 250px;
	}

}

@media screen and (max-width: 1218px) {
	.container {
		width: 99%;
	}
}

@media screen and (max-width: 710px) {

	main .container article p {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 663px) {
	main .container {
		flex-direction: column;
		align-items: center;

	}

	main .container article:nth-child(1),
	main .container article:nth-child(2) {
		padding: 0;
		margin: 0;
		/* border: 1px solid #000; */
		width: 17rem;
	}

	main .container article h3 {
		display: none;
	}

}


@media screen and (max-width: 380px) {

	#main-header .container .logo {
		width: 10px;
	}

	main .container article p {
		font-size: 1.2rem;
	}

}