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

*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


body, section, article, main, footer, aside, header, p, h1, h2, h3, h4, h5, h6
{
	margin:0;
	padding:0;
}

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


a
{
	
}

a:hover
{
	color:#d9d9d9;
	background-color:#000;
	opacity: 0.7;
}

#main a
{
	display:flex;
	justify-content: center;
	align-items: center;
	
	height:100%;
	color: #fff;
	width:100%;
	font-size:120%;
	
	
	text-decoration:none;
	
	
	
	
	text-align: center;
}


.link-flex
{
	/* PRODUZIR LINK FLEX PARA OCUPAR TODA DIV no hover *********************************************************/
}

body 
{
	display:grid;
	grid-template-rows: 100vh;
  	background: aquamarine;
  	font-size: 100%;
  	font-family:verdana;
  	background-color:#000;
	
	background-repeat: no-repeat;
	background-clip: content-box;
	background-position: center;
	background-attachment: fixed;
	background-size:contain;
}


#main
{
	display:grid;	
	/*background-color:#333;*/
	background-color: transparent;
	/*border-style:solid;
	border-width:7px;
	border-color:#aaa;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);*/
	
}




.bloco-capa:hover
{

}

.bloco-capa:nth-child(1)
{
	border-width:0;
	
}

.bloco-capa:nth-child(2)
{
	border-width:0;
}




.perfil p
{
	align-self:flex-end;
	font-size:150%;
}



/* 801 px*/
@media (min-width:801px)
{

    body
    {
        background-image: url(../imagens/asyres-capa-site.jpg);
        /*background-color:#111;*/
    }

	#main
	{
		
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		border-bottom-right-radius: 150px;
		border-top-left-radius:150px;		

		justify-content: center;
		align-content: stretch;
		
		margin:auto 10vw;
		
		min-height:70vh;
		text-align:center;

		align-items:stretch;

		grid-gap:1rem;
		padding:1em;
	}
	
	
	.bloco-capa
	{
		position:relative;
		display:flex;

		/*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/

		border-style:dashed;
		border-width:5px;
		border-color:#bbb;

		font-family:arial;
		font-size:150%;
		color:#777;


		justify-content:center;
		align-content:stretch;
		align-items: center;
		background-color:transparent;

		padding:20px;
		margin:0 auto;	
		
		width:100%; 

	}	
	
	.bloco-capa:nth-child(1)
	{
		width:40%;
	}

	.bloco-capa:nth-child(2)
	{

	}	
	
	.bloco-capa:last-child
	{
		
	}	
	

}/*fim 801 px */





/* 1000px */
@media (max-width: 1000px)
{
    body
    {
        /*background-color:#7790E3;*/
        background-image: url(../imagens/asyres-capa-site.jpg);
    }

	#main
	{
		
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;

		border-bottom-right-radius: 150px;
		border-top-left-radius:150px;		


		justify-content: center;
		align-content: stretch;
		margin:auto 10vw;
		
		min-height:70vh;
		text-align:center;

		align-items: stretch;

		grid-gap:1rem;
		padding:1em;
	}
	

	
	.bloco-capa
	{
		position:relative;
		display:flex;

		/*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/

		border-style:dashed;
		border-width:5px;
		border-color:#555;

		font-family:arial;
		font-size:150%;
		color:#777;


		justify-content:center;
		align-content:stretch;
		align-items: center;
		background-color:transparent;

		padding:20px;
		margin:0 auto;	
		

	}
	
	.bloco-capa-padrao
	{
		width:100%;
	}
		
	
}/*FIM 1000px */



/* 800px */
@media (max-width:800px)
{

    body
    {
        /*background-color:#009628;*/
        background-image: url(../imagens/asyres-capa-site.jpg);
    }
    
	#main
	{
		
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, 1fr);


		border-bottom-right-radius: 150px;
		border-top-left-radius:150px;		


		justify-content: center;
		align-content: stretch;
		margin:auto 10vw;
		
		min-height:100vh;
		text-align:center;

		align-items: stretch;

		grid-gap:1rem;
		padding:1em;
	}
	
	
	.bloco-capa
	{
		position:relative;
		display:flex;

		/*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/

		border-style:dashed;
		border-width:5px;
		border-color:#555;

		font-family:arial;
		font-size:150%;
		color:#777;


		justify-content:center;
		align-content:stretch;
		align-items: center;
		background-color:transparent;

		padding:20px;
		margin:0 auto;	

	}	
		
	
} 




/* 500px */
@media (max-width:500px)
{



	body
	{
		margin:0;
		padding:0;
        background-image: url(../imagens/asyres-capa-site-vertical.jpg);
        /*background-color:#FFED00;*/
	}

	#main
	{
		position:relative;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, 1fr);

		justify-content: center;
		align-content: stretch;
		
		border-bottom-right-radius: 150px;
		border-top-left-radius: 150px;			
		
		margin:auto;
			

		
		min-height:100vh;
		text-align:center;

		align-items: stretch;

		grid-gap:1rem;
		padding:2%;
		
		box-sizing: border-box;
	}
	
	
	
	
	.bloco-capa
	{
		position:relative;
		display:flex;

		/*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/

		border-style:dashed;
		border-width:5px;
		border-color:#555;

		font-family:arial;
		font-size:150%;
		color:#777;


		justify-content:center;
		align-content:stretch;
		align-items: center;
		background-color:transparent;

		padding:20px;
		
		
		
		box-sizing: border-box;

	}	
	
	
} /* FIM 500PX */




img
{
	max-width:100%;
}


.ultimo
{
	border-bottom-right-radius: 150px;
}	


