body{    
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
}
h1,h2{
    font-family: 'Times New Roman', Times, serif;    
}
h1{
    font-size: 1.4em;    
}
h2{
    font-size: 1.2em;
    margin: 0;
}
h3{
    font-size: 1.1em;
    margin: 0;
}
p{
    margin: 4px 0 16px 0;
}
#main{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.contact_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-bottom: 1px solid rgb(211, 211, 211);
    margin-bottom: 16px;
}
.contact_textarea,.contact_text{
    width: 100%;
    box-sizing: border-box;
}
.contact_textarea{
    height: 100px;
}
.cell{
    padding: 8px 0;
}
.contact_button,.action{  
    font-size: 1em;  
    padding: 8px 16px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid rgb(128, 128, 128);
    border-radius: 3px;
    background: linear-gradient(to bottom, rgb(255, 255, 100) 0%, rgb(255, 180, 50) 100%);
}
.contact_button{
    font-weight: bold;
}
.action{
    display: block;
    margin: 8px auto;
}
a.action{
    text-decoration: none;
    color: #000000;
}
.header{
    display: grid;
    grid-template-columns: 1fr 3fr;
    padding: 8px 0;
}
.content{
    min-height: 400px;
}
.footer{
    border-top: 1px solid rgb(211, 211, 211);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
    font-size: .8em;
    margin-top: 16px;
    color: rgb(128, 128, 128);
}
.footer a{
    color: rgb(128, 128, 128);
}
.header_right{
    text-align: right;    
}
#nav_container{
    display: none;
	position: absolute;
	font-size: 1.4em;	
	top: 100px;
	right: 0;
	width: 200px;
	background-color:  rgba(255, 255, 255, .8);
	color: rgb(0, 0, 0);
	box-sizing:border-box;
	border-left: 2px solid rgb(211, 211, 211);
	border-top: 2px solid rgb(211, 211, 211);
	border-bottom: 2px solid rgb(211, 211, 211);
	z-index: 10;
	border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}
.mob_nav{
    padding: 8px;
    text-align: left;
    font-weight: bold;
}
#nav_container a{
	color: rgb(0, 0, 0);
}
#hamburger{
	display: none;
}
@media screen and (max-width: 680px) { 
    body{
        font-size: 22px;
    }
    li{
        margin-bottom: 8px;
    }
    .contact_textarea,.contact_text{
        font-size: 1.2em;
    }
    .contact_grid{
        display: block;
    }
    #hamburger{
		display: block;
		float: right;
        margin: 8px 8px 0 0;
	}
	input#navmenu[type=checkbox]{
        display: none;
	}
	input#navmenu[type=checkbox]:checked ~ #nav_container{
        display: block;
        transition: ease-in;     
    }
    .footer_cell{
        padding: 8px 0;
    }
    .footer{
        text-align: center;
        grid-template-columns: 1fr;
        font-size: 1.2em;
    }
    .header_links{
        display: none;
    }
    .legal{
        order: 4;
    }
    .social{
        order: 3;
    }
    .telephone{
        order: 1;
    }
    .address{
        order: 2;
    }
}