@import url(/js/fa5/css/fontawesome.css);
@import url(/js/fa5/css/brands.css);
@import url(/js/fa5/css/solid.css);

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,800;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,200,300;0,700;1,300&display=swap');


@import url(/css/login-form.css);


* { box-sizing:border-box; -webkit-font-smoothing: antialiased; }

#page { position:relative; }

/* Responsive Nav */
#menu, #close { position:absolute; top:15px; right:15px; width:40px; height:40px; z-index:1000; display:none;  }
#menu img, #close img {  width:40px; height:40px; }

#wrapper { position:relative; width:100%; left:0%;  } 
#wrapper.open {  left:100%;  }
#responder { position:absolute; top:0; left:-100%; width:100%; padding:20px;  overflow:hidden;  }
#responder.open { left:0; }

#responder li { list-style:none; }
#responder a {   text-decoration: none; font-size:120%; color:#000;  display:block; margin:0; padding:5px;  }
#responsider a:hover { color:#888;  }


article {

	width:50%; 
	margin:20px auto;
}


table { border-collapse: collapse; width:700px; }
td { vertical-align:top; border:1px solid #AAA; padding:8px 6px; }





@media only screen and (max-width: 1023px) {


} /* End Medium Screen Media Query */



@media only screen and (max-width: 512px) {


} /* End Small Screen Media Query */