/* laptop and below */
@media (max-width: 1400px) {

	/* home */

	.main #home {
		height: 800px;
	}

	.front {
		max-width: 700px;
	}

	.main .front ul li {
		font-size: 1.5em;
		height: 60px;
		line-height: 60px;
	}

	.main .front h2 {
		padding: 15px;
		font-size: 40px;
	}

	/* footer */
	.footer .container, .footer_border .container {
		width: 80%;
	}
}

/* tablets and below*/
@media (max-width: 700px) {

	/* geral */

	.interna {
		margin-top: 30px;
	}

	.interna h3 {
		font-size: 25px;
	}

	/* menu mobile */
	header {
		height: auto;
		border-width: 7px;
		padding: 7px 0 7px 0; 
		width: 100%;
	}

	.brand {
	    background-image: url('../img/logo-mini.png');
	    background-position: center;
	    background-size: 100%;
	    width: 35px;
	    height: 35px;
	}
	header nav {
		float: right;
		position:relative;
		top:0;
		right:-15px;
	}

	header nav ul#menu li {
		height: 35px;
		line-height: 35px;
	}

	header nav ul#menu li a {
		font-size: 16px;
	}

	/* home */

	main, .main, #message {
    margin: 55px 0 0 0;
	}

	.main #home {
		height: 660px;
	}

	.container {
		padding-left: 0;
		padding-right: 0;
	}

	.container-interna {
		width: 90%;
		margin: 0 auto;
	}

	.main .front {
		top:30px;
	}

	.main .front h2 {
		width:auto;
		font-size: 2.2em;
	}

	.main .front ul {
		padding: 20px;
		    background: rgba(0,0,0,0.7);
	}

	.main .front ul li {
		font-size: 1.0em;
	}

	/* contato */

	.contato textarea {
    width: 99%;
    height: 100px;
    margin: 10px 0 40px 0;
    resize: none;
    padding: 2px;
    overflow: auto;
}

	/* footer */

	.footer .footer_border .container {
		height: 100px;
	}

	.footer small {
		top:60px;
	}

}

/* smartphone portrait */

@media (max-width: 470px) {

	/* home */

	.main #home {
		height: 660px;
		background-size: 500%;
	}

		.main .front ul li {
		font-size: 15px;
		height: auto;
		min-height: auto;
		line-height: 20px;
		padding: 15px 0;
	}

	/* contato */

	.contato input[type="text"], .contato input[type="number"], .contato textarea {
		min-width: 200px;
	}
}