@media only screen and (max-device-width:600px)
{
	/* cabeçalho */
	.headnavi
	{
		margin:0;
		display:flex;
		flex-direction:column;
		position:fixed;
		left:0; top:60px;
		background-color:white;
		box-shadow:0 -1px 10px -1px gray;
		height:2000px;
		width:50%;
	}
	#headlogo
	{
		margin-top:15px;
		margin-left:calc(50% - 25px);
	}
	#headmenu
	{
		visibility:visible;
	}
	.naviitem
	{
		font-size:18px;
		padding:10px 15px 10px 15px;
		border-style:solid;
		border-color:transparent transparent lightgrey transparent;
	}
	.naviitem:hover
	{
		filter:brightness(1);
		background-color:#ddd;
	}
	.collapse
	{
		left:calc(-50% - 10px);
	}

	/* principal */
	.gcontent
	{
		padding:50px;
	}
	.wcontent
	{
		height:200px;
	}
	.previews
	{
		flex-direction:column;
		align-content:top;
		height:auto;
		margin-top:10px;
		justify-content:unset;
		transition:all 0s;
	}
	.previews, .prevover, .previmge,
	.btusimge, .formbutn
	{
		width:100%;
	}
	.prevover, .previmge
	{
		height:230px;
		border-radius:15px 15px 0 0;
	}
	.prevtext
	{
		padding:15px 20px 15px 20px;
		height:auto;
		font-size:12px;
		width:calc(100% - 40px);
	}
	.meetsect
	{
		grid-gap:20px;
		grid-template-columns:repeat(auto-fit, 240px);
	}
	.meetimge
	{
		width:240px;
		height:190px;
	}
	.btussect
	{
		grid-gap:10px;
		grid-template-columns:repeat(auto-fit, 100%);
	}
	#boxalign
	{
	    flex-direction:row;
	}
	.btusimge
	{
	    -webkit-mask-image:linear-gradient(to top, transparent 0%, black 80%);
	}
	.boxgroup
	{
	    margin-right:10px;
	    width:calc(100% - 40px);
	}
	.btusimge, .boxgroup
	{
		height:100px;
	}
	.dntegbox
	{
		width:100%;
		aspect-ratio:1/1;
		padding:10px;
	}
	.dnteicon
	{
		width:80px;
		height:80px;
	}
	.evenimge
	{
		max-height:none;
	}
	.albmbody
	{
		width:230px;
		min-width:0;
	}
	.forminpt, .mngeinpt
	{
	    width:calc(100% - 20px);
	}
	.modal
	{
		flex-direction:column;
	}
	.modal-body
	{
		width:calc(100% - 100px);
		
	}
	.listbody
	{
		overflow-x:scroll;
		aspect-ratio:1/1;
	}

	/* rodapé */
	.foothead
	{
		padding:50px;
		width:240px;
	}
	.footlink
	{
		font-size:14px;
	}
	.footbase
	{
		font-size:15px;
	}

	/* padrões */
	h1
	{
	    font-size:26px;
	    line-height:22px;
	}
	h2
	{
	    margin-top:-30px;
	    width:calc(100% - 140px);
	}
	h5
	{
	    font-size:9px;
	    margin-bottom:0;
	}
	p
	{
	    font-size:18px;
	    line-height:28px;
	}
	.demiline
	{
	    width:25%;
	}
	#customhr
	{
		width:calc(100% - 2px);
	}
}