@charset "utf-8";
/* CSS Document */
* {
	box-sizing:content-box;
}
body	{
	display:grid;
	grid-template-rows:% 20% 1fr 5%;
	grid-template-columns:1fr;
	align-items:center;
	margin:0.8em;
}
#section_menu	{
  display: flex;
  flex-direction: row;
  margin-bottom:0.8em;
}
#menu	{
	width:100%;
	margin-left:0.2em;
	background-color:#336;
}
#menu ul	{
		margin-bottom:1em;
}
#menu ul li	{
	list-style:none; 
	display:inline-block; 
	margin:0 2em 0 0;	
	font-family:Tahoma, Geneva, sans-serif;	
	font-size:170%;	
	font-weight:600; 
	text-decoration:none;
	
}
#menu ul li a	{
	text-decoration:none;
	color:#FFF;
}
#menu ul li a:hover	{
	color:#CCC;
}
#header img	{
	width:100%;
}
#main_home	{
  display: flex;
  flex-direction: row;
  font-family:Verdana, Geneva, sans-serif;
  text-align:justify;
}
#main_text	{
	margin-left:1em;
	font-size:150%;	
}
#footer	{
	color:#FFF;
	background-color:#000;
	text-align:center;
}
#footer p {
	font-family:Verdana, Geneva, sans-serif;
}
.image_div	{
    justify-content:center;
	align-items:center;
}
.image_product	{
	min-width:400px;
	max-height:400px;
	width:100%;
	height:100%;
	flex-shrink:0;
}
.text_div	{
	margin-left:1em;
}
.text_div p	{
	margin:0em;
	margin-bottom:1em;
	font-size:100%;	
}
.product	{
	text-align:justify;
	margin-bottom:1em;
	background-color:#CCC;
	padding:0.2em 1em 1em 1em;
}
#main	{
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
}
.product_div	{
	display:flex;
    flex-direction:row;
	justify-content:center;
	align-items:center;
}
.image_gallery	{
	margin-top:1em;
}
.right_div	{
	margin-left:0;
	margin-right:1em;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
@media only screen and (max-width:799px) {
#main_home	{
  display: flex;
  flex-direction: column;
}
#main_text	{
	margin-left:0;
}
#menu ul li	{
	font-size:80%;	
	font-weight:600; 
}
#logo_div img	{
	width:100%;
	height:100%;
}
.product_div	{
	display:flex;
    flex-direction:column;
}
.text_div	{
	margin-left:0em;
}
.right_div	{
	margin-right:0;
}
.text_div p:first-child {
	margin-top:1em;
}
.product h2	{
	text-align:left;
}
}