@charset "utf-8";
*{margin: 0; padding: 0; font-family: 'Raleway', sans-serif;}
	#{margin: 0;}
	h1, h2, h3, a {text-align: center; font-family: 'Raleway', sans-serif; color: black}
	body{background-color: "ede8e2"}
header, section{width: 100%; height: auto; margin: 20px auto;}
header img {margin: auto; display: block;}
header ul {text-align: center; margin-top: 10px;}
header li {display: inline;}
header li a {text-decoration: none; color: #001ecb; font-size: 22px; font-weight: bold;}
header li:not(:last-child):after{content: " /"}
header li a:hover {text-decoration:underline; color: black}
#medecine {width:100%; height:600px; margin-top: 40px; background-image: url(../img/medic.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
h1{font-size: 75px; color: #001ecb;  font-weight: bolder; padding-top: 470px}
h2{margin-top: 40px; margin-bottom: 25px; width: 80%; margin-right: auto; margin-left: auto;}
p{margin: auto; max-width: 735px; font-size: 18px; line-height: 25px; width: 80%; color: black; font-weight: bold; margin-top: 20px}
#bg {display: none;}
.email{margin: 10px auto; display: block;}


@media (max-width: 900px){
	header, {width: 400px;}
	#bg{display:block; width: 35px; height: 30px; background-image: url(../img/menu.jpg); 
		margin: 20px auto; cursor: pointer;}
	header li:not(:last-child):after{content: none}
	header li{display: block; width: 100%; height: 40px; line-height: 40px; 
		background-color: #ccc; border-bottom: 1px solid grey;}
		header li a{display: block; width: 100%; height: 100%;}
	nav{display: none;}

#medecine{height: 400px}
h1{font-size: 55px; padding-top: 220px; color: black;}

}