@charset "utf-8";
/* CSS Document */

@font-face{font-family:androgyne;src:url(../fontes/androgyne.otf) format(opentype);src:local(../fontes/androgyne.otf);}
@font-face{font-family:androgyne;src:url(../fontes/androgyne.ttf);src:local(../fontes/androgyne.ttf);}
@font-face{font-family:androgyne;src:url(../fontes/androgyne.eot);src:local(../fontes/androgyne.eot);}
@font-face{font-family:androgyne;src:url(../fontes/androgyne.svg);src:local(../fontes/androgyne.svg);}

@font-face{font-family:gothic;src:url(../fontes/gothic.otf) format(opentype);src:local(../fontes/gothic.otf);}
@font-face{font-family:gothic;src:url(../fontes/gothic.ttf);src:local(../fontes/gothic.ttf);}
@font-face{font-family:gothic;src:url(../fontes/gothic.eot);src:local(../fontes/gothic.eot);}
@font-face{font-family:gothic;src:url(../fontes/gothic.svg);src:local(../fontes/gothic.svg);}

*{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

header {
	display: block;
    width: 100%;
    margin-top: 100px;
}

header figure {
	display: block;
    margin: 0 auto;
    width: 80%;
}

header figure img {
	margin: 0 auto;
    display: block;
    width: 400px;
}

main {
	display: block;
    width: 80%;
    margin: 50px auto 0px auto;
}

main h1 p {
	color: #4B0A23;
    font-size: 40px;
    font-family: androgyne;
    text-align: center;
    font-weight: 100;
}

main h2 p {
	color: #7D3A52;
    font-family: gothic;
    font-size: 25px;
    text-align: center;
}

main h3 {
	display: table;
    width: 100%;
    margin-top: 30px;
}

main h3 figure {
	display: table;
    width: auto;
    margin: 0 auto;
}

main h3 figure img {
	display: inline-block;
    float: left;
    width: 40px;
}

main h3 figure p {
	display: inline-block;
    float: left;
}

main h3 figure p a {
	color: #000;
    text-align: center;
    font-family: gothic;
    line-height: 40px;
    padding-left: 10px;
}

main h3 figure p a:hover {
	color: #7D3A52;
}

footer {
	display: table;
    width: 100%;
    background-color: #4B0A23;
    height: 80px;
    margin-top: 30px;
}

footer p {
	text-align: center;
    color: #fff;
    font-family: gothic;
    line-height: 80px;
}

/*Resolução menor que 500px de largura*/
@media (max-width:500px){
	header {
		margin-top: 50px;
	}
	
	header figure img {
		width: 80%;
	}
	
	main {
		margin: 30px auto 0px auto;
	}
	
	main h1 p {
		font-size: 26px;
	}
	
	main h2 {
		margin-top: 20px;
	}
	
	main h2 p {
		font-size: 18px;
	}
}

/*Resolução menor que 320px*/
@media (max-width:320px){
	main h3 figure img {
		width: 30px;
	}
	
	main h3 figure p a {
		line-height: 30px;
	}
	
	footer p {
		font-size: 14px;
	}
}