#btn-menu{
    display: none;
}

header label{
    font-size: 30px;
    cursor: pointer;
    display: none;
}
nav {
    height: 50px;
    background: #090;
    color: #fff;
    display: flex;
    justify-content: center;
}
.menu ul{
    background: #090;
	display: FLEX;
    list-style: none;
}

.menu ul ul{
    display: none;
}

.menu a {
    display: block;
    padding: 13px 30px;
    color: #FFF;
    text-decoration: none;
	font-weight:600;
	font-size:17px;
}

.menu a:hover {
    background: coral;
	color:#FFF;
}

.menu a span{
    margin-left: 10px;
}

.menu ul li:hover ul{
    display: block;
    position: absolute;
}

@media (max-width:768px){
    body {
		padding-top:10px;
	}
	header label {
        display: block;
		
    }
    .menu {
		position: absolute;
        left: 0;
        width: 100%;
        transform: translateX(-100%);
        transition: all 0.3s;
    }
    
    .menu ul {width:100%;
        display: block;
        background: coral;
    }
    
    .menu ul li:hover ul {
        display: none;
        position: static;
    }
    
	.menu a {
		background: coral;
		color:FFF;
	}
    .menu a span {
        position: absolute;
        right: 5px;
		
    }
    
    #btn-menu:checked ~ .menu{
        transform: translateX(0%);
    }
    
    .menu ul ul {
       
		width:100%;
        
    }
    
    .menu ul ul a{ 
	
		background: #F96;
        padding: 14px 40px;
    }
	
	.phead h1 {
		font-size:26px;
		padding-top:12px;
	}
	.pheada h1 {
		font-size:23px;
		padding-top:0px;
	}
	.wrap1 {
		overflow:hidden;
		padding:5px 0 39px;
			
	}
	
}