@charset "utf-8";


*{
	margin:0;
	padding:0;
	}
	
body{
	background-image:url(../img/bg.jpg);
	font-family:Verdana, Geneva, sans-serif;
	}

ul{
	list-style:none;
	}

header{
	padding:10px 20px;
	background:rgba(255,255,204,0.7);
	}
	
header h1{
	font-size:22px;
	text-align:center;
	}

.bread{
	padding:10px 0;
	display:flex;
	}

.bread li{
	margin-right:10px;
	}
	
.bread li a{
	text-decoration:none;
	color:#000;
	}


section{
	
	padding:10px;
	background:rgba(255,255,255,0.8)
	}


section h2{
	padding-left:3px;
	margin-top:20px;
	border-bottom: solid 3px #000;
	font-size:22px;
	}
	
	
section h3{
	padding:3px;
	margin-top:25px;
	font-size:22px;
	border-bottom: double 4px #000;
	}
	
section #dlm{
	padding:3px;
	margin-top:25px;
	font-size:22px;
	border-bottom: double 4px #000;
	}

section p{
	margin-top:15px;
	padding:5px;
	line-height:1.5em;
	}
	
	
dl{
	margin:15px 5px;
	}

dt{
	padding-left:3px;
	width:350px;
	margin-top:20px;
	background: linear-gradient(transparent 70%, rgba(0,0,0,0.2) 70%);
	}

dd{
	margin:10px;
	}
	
dd a{
	color:#000;
	text-decoration:none;
	}

footer{
	margin-top:40px;
	padding:15px;
	text-align:center;
	background:rgba(255,255,204,0.7);
	}


@media screen and (min-width:780px){
	
	#wrap{
		width:830px;
		margin:30px auto;
	}
	
	nav ul{
	display:flex;
	justify-content:space-between;
	}
	
	section{
		margin-top:20px;
		}
	
	nav ul li{

	width:132px;
	padding:8px 0;
	text-align:center;
	background:rgba(255,255,255,0.8);
	}

	
}


@media screen and (max-width:779px){
	
	nav{
		margin:0 0 10px 0;
		border-top:1px solid #000;
		}	

	nav ul li a{
		display:block;
		border-bottom:solid 1px #000;
		background:rgba(255,255,255,0.8);
		text-align:center;
		}
	
	section h3{
		width:90%;
		}
		
	dt{
		width:60%;
		}
	
}