body {
	margin: 0;
	padding: 0;
}

header, footer {
	padding: 1em 0 .5em 0;
	color: #fff;
	background: #3B5998;
}

/* links */
a, a:link, a:active, a:visited { text-decoration: none;}

a:hover, .post-foot-links a:hover { color: red;}
a img { border: none; }

.btn-danger {
  color: #fff;
  background-color: #990000;
  border-color: #990000;
}

.btn-danger:hover {
  color: #fff;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0.15rem 0.3rem;
  font-size: 0.875rem;
  line-height: 1.25;
  border-radius: 0.5rem;
}

/* common framework */
h1, h2, h3, h4, h5, h6 { margin: 0px; }

h1 {
	color:#999999;
	font-size: 2.1em;
}
h2 { font-size: 1.7em; color: #607dab; }
h3 { font-size: 1.5em; color: #1e2240; }
h4 { font-size: 1.3em; color: #888;}

/* navigation */
nav {
	padding: 10px 10px 5px;
	color: #fff;
	background: #3B5998;
}
nav i { font-size: 23px;}
nav a:link, nav a:active, nav a:visited {
	padding: 3px;
	margin: 2px 5px;
	color: #e6eaee;
}
nav a:hover { color: red; }

/*  Blocks  */
.blockStyle {
	margin: 0 auto;
	margin-bottom: .25em;
	padding: .75em;
	background-color: #fff;
	text-align: left;
	box-shadow: 0 0 2px #ccc;
}

/*  Animation  */
.grow { 
transition: all .2s ease-in-out; 
}

.grow:hover, .grow a:hover { 
transform: scale(2); 
}

section {
	margin: 0;
	padding: 1em;
}
.user_button {
	padding-top: 15px;
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
}
/* forms */
form {
	margin: 0 auto;
	width: 100%;
}

.login-box {
    padding: 1em .5em;
	max-width:400px;
	min-width: 300px;
    background-color:#f3f3f3;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.login-form form {
	margin: 0 auto;
	padding: 1.5em;
	width: 100%;
}

/* footer */
footer { 
	min-height: 5em;
	position: relative;
	bottom: 0%;
}

footer a, footer a:link, footer a:active, footer a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
}
footer a:hover { color: #debab9;}

.copyright { 
	font-size: 11pt;
	font-style: italic;
}

/*  Miscellaneous */
.back {
	float: left;
}

.forward {
	float: right;
}

.clearBoth {
	clear: both;
}
	
.clearLeft {
	clear: left;
}
	
.clearRight {
	clear: right;
}
	
.Text-blue {
	color: #607dab;
}
.text-navy { color: #0f2147; }
.text-brown { color: #4c3f38}
.text-burg {color: #990000;}

/* Bootstrap Icons */
.bi::before {
  display: inline;
}

	
/* responsive css 
================================= */
/* Extra extra small - watches */
@media(max-width:480px){}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	* {
		font-size: 97%;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	* {
		font-size: 98%;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}