*{
			margin: 0;
			border: 0;
			padding:0;
		}
		html{
			font-size: 62.5%;
			scroll-behavior: smooth;
		}
		header{
			background-color: rgba(0, 0, 0, 1);
			color: #fff;
			font-family: arial;
			width: 100%;
			position: fixed;			
		}
		h3{
			font-size: 1.9rem;
			font-family: arial;
			margin: 0;
			padding: 5px;
			text-align: center;
		}
		h4{
			font-size: 1rem;
			font-family: arial;
			margin: 0;
			padding-left: 5px;
			padding-bottom: 10px;
			text-align: center;
		}
		body{
			background-color: rgba(245,245,245);
		}
		.container{
			display: block;
			background-color: #fff;
			width: 95%;
			box-shadow: 2px 2px 10px #808080;
			margin: 0 auto;
			max-width: 90%;
			max-height: 90%;
			min-width:0;
			min-height: 0;
			margin-top: 40px;	

		}
		footer{
			font-family: arial;
			color: #fff;
			background-color: rgba(0, 0, 0, 1);
			text-align: center;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		p{
			font-family: arial;
			text-align: justify;
			padding: 10px;
			font-size: 1.6rem;
		}
		h1{
			font-family: arial;
			text-align: center;
			padding-top: 10px;
			font-size: 2.0rem;
		}
		h2{
			font-family: arial;
			text-align: center;
			padding-top: 10px;
			font-size: 1.9rem;
			color: #808080;
		}
		.texto-footer{
			text-align: center;
			font-family: arial;
			padding-top: 10px;
			font-size: 1.6rem;
			padding-bottom: 10px;
		}
		h5{
			font-family: arial;
			text-align: center;
			font-size: 1.9rem;	
			padding: 1px;
		}
		.compre{
			text-align: center;
			background-color: rgba(255,255,0, 0.7);
			width: 150px;
			height: 100px;
			right: 0;
			position: fixed;
			margin-top: 15%;
			z-index: 1;
		}
		button{
			font-family: arial;
			padding: 2px;
			color: #fff;
			background-color: rgba(50,205,50);
			border: solid;
		}
		#grid-container{
			background-color: rgba(211,211,211, 1);
			margin-top: 5px;
			padding: 10px;


		}
		.grid{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
			grid-gap: 2px;
			max-width: 1200px;
			margin: 0 auto;

		}
		.grid div{
			background-color: #fff;
			font-family: arial;
			text-align: center;
			font-size: 1.6rem;	
			padding: 2px;
		}
		
		#formulario{
			background-color: rgba(173,216,230, 1);
			
		}
		.formulario-contato{
			text-align: left;
			margin-left: 5%;
			font-family: arial;
			font-size: 1.8rem;
			padding: 10px;
			font-weight: bold;

		}
		input{

			font-family: sans-serif;
			font-size: 1.7rem;
			padding: 5px;
		}
		nav{
			text-align: right;
			margin-right: 2%;
			margin-top: 10px;
			font-weight: bold;
			font-family: arial;
			font-size: 1.6rem;
			word-spacing: 10px;
		}
		a{
			text-decoration: none;
			color: #000;
					
		}
		.aviso{
			text-align: center;
		}
		