	a, body, div, figure, p, h2{
		margin: 0;
		padding: 0;
	}
	img{
		max-width: 100%;
	}
	header, footer{

		background: #753d2c;
	}
	div.menu,div.list,div.product,div.gallary_propo,div.textall{
	    background:#eadac1;
	}
	body {
		font: 20px 'Akvitania Modern';
		background: #753d2c;
		overflow: auto;
		color: #753d2c;
	}
	a, span, svg{
		cursor: pointer;
		text-decoration: none;
	}
	a{
		color: unset; 
	}
	a::selection,span::selection{
		background: transparent;
	}
	footer{
	    width:100%;
		height: 220px;
		color: white;
	}
	p{
		padding: 10px;
	}
	ul.footer{
		margin-top: 10px;
		position: absolute;
		display: inline-flex;
	}
	ul.footer>li{
	    list-style:none;
	    padding: 10px;
	    border: 4px solid #eadac1;
	    border-radius: 25px;
	}
	li.padding_right{
		margin-right: 120px;
	}
	div.footer{
		display: flex;
    	flex-direction: column;
	    align-items: flex-end;
	}
	div.footer>p{
		text-indent: 0;
	}
	header{
		justify-content: space-between;
		position: relative;
		display: flex;
		padding: 0 20px;
		align-items: center;
	}
	img.header{
		height: 75px;
		position: relative;
	}
	div.mobile_menu{
		color: #eadac1;
		display: none;
		position: relative;
		align-items: center;
		height: 75px;
		margin: auto 0;
	}
	a.mobile_menu{
		padding: 10px;
		border: 4px solid #eadac1;
		border-radius: 25px;
	}
	a.mobile_menu:hover,ul.footer>li:hover,input.searc_main:hover{
		text-decoration: none;
		opacity: 0.5;
		cursor: pointer;
	}
	form.searc_main{
    display: flex;
    justify-content: center;
    
    }
    form>input{font: 23px 'Akvitania Modern';}
    input.searc_main{
        background: #753d2c;
    border: 0;
    padding: 10px;
    margin-left: 7px;
    border: 5px solid #eadac1;
    /* font-size: 16px; */
    color: #eadac1;
    border-radius: 25px;
    margin-right: 10px;
    }
    input.searc_mainT{
            padding-left: 10px;
        border: 0px;
    border-radius: 8px;
    width:60%;
}
	div.main_modal_menu{
		display: none;
		z-index: 1;
	}
	.overlay {
	  position: fixed;
	  z-index: 50;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100vh;
	  background-color: rgba(0,0,0,.8);
	}
	div.modal_mobile_menu{
		position: fixed;
		z-index: 51;
		height: 100vh;
		top: 0;
		right: 0;
		background: white;
		border-radius: 25px;
	}
	div.modal_mobile_menu>span{
		position: absolute;
		right: 14px;
		color: black;
		font-size: 70px;
		font-weight: bold;
		transition: 0.3s;
	}
	ul.modal_mobile_menu>li>a {
        padding: 5px;
    }
	ul.modal_mobile_menu>li:hover{
	    cursor: pointer;
		border-radius: 25px;
		opacity: 0.5;
		text-decoration: none;
		background: #eadac1;
	}
	div.modal_mobile_menu>span:hover, div.modal_mobile_menu>span:focus{
		color: #bbb;
		text-decoration: none;
	}
	span::selection {
	   background: transparent;
	}
	ul.modal_mobile_menu{
	    border-radius: 45px;
        max-height: 85vh;
        overflow: auto;
	    width:50%;
		margin: 0;
		padding: 0;
		margin-top: 70px;
		list-style: none;
		position: fixed;
		color: #753d2c;
	}
	ul.modal_mobile_menu>li{
	    text-align: center;
        border-radius: 57px;
        margin: 10px;
        box-shadow: 0px 0px 5px #753d2c;
        padding: 8px;
		
	}
	div.menu > a{
		display: block;
   		height: 100%;
    	overflow: hidden;
    	position: relative;
	}	
	div.menu{
		 border-bottom: 4px solid #753d2c; 
		 font-weight: bold;
		 font-size: 17px;
	}
	ul.menu > li {
		display: inline-block;
		margin-right: 10px; 
		padding: 10px;
	}
	ul.menu{
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
	.menu a {
	  position: relative;
	  text-transform: uppercase;
	  transition: color .2s;
	}
	.menu a.current, .menu a:hover{color: white;}
	.menu a:before,
	.menu a:after {
	  content: "";
	  position: absolute;
	  height: 4px;
	  top: auto;
	  right: 50%;
	  bottom: -5px;
	  left: 50%;
	  background: white;
	  transition: .8s;
	}
	.menu a:hover:before, .menu .current:before {left: 0;}
	.menu a:hover:after, .menu .current:after {right: 0;} 

	@media screen and (max-device-width: 900px), screen and (max-width: 900px){
	    #logo{ display: none; }
		.menu{ display: none; }
		div.mobile_menu{
			display: flex;
		}
		body{
			font-size: 25px;
		}
		footer{
			display: flex;
			flex-direction: column;
    		align-items: center;
			font-size: 20px;
			height: 360px;
		}
		div.footer{
			align-items: center;
		}
		ul.footer{
			list-style: none;
			text-align: center;
			position: relative;
			display: block;
			padding: 0;
			margin-bottom: 0;
		}
		ul.footer>li{
			padding: 10px;
			margin-bottom:10px;
			
		}
		li.padding_right{
    		margin-right: 0px;
    	}
    	ol{
    	    margin-left: 20px;
    	}
	}

	@media screen and (max-device-width: 900px){
	    #logo{ display: none; }
		ul.modal_mobile_menu{
			font-size: 45px;
		}
		ul.footer{
			margin: 0;
			padding: 0;
			padding-top: 10px;
		}
		body, form>input{
			font-size: 40px;
		}
		header>img{
			height: 200px;
		}
		footer{
			height:520px;
			font-size: 40px;
		}
		div.mobile_menu{
			height: 200px;
		}
		img.header{
			height: 180px;
		}
		ul.modal_mobile_menu>li{
		    
    		padding: 20px;
	    }
	}
	@media screen and (max-device-height: 450px){
		ul.modal_mobile_menu{
			font-size: 19px;
		}
        ul.modal_mobile_menu>li{
    		padding: 9px;
	    }
	}

