* {
	margin:0;
	padding: 0;
}

/* comments  

   css file

*/
/* General Styles */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.6;
	color: #1a2e32;
	background: rgb(254,254,249);
  margin: 0;
  padding: 0;
}

header, main, footer {
  padding: 20px;
}

/* Responsive Grid */
.container {
  display: flex;
  flex-wrap: wrap;
}

.item {
  flex: 1;
  min-width: 50%; /* Adjust this value according to your desired breakpoint */
}

/* Media Queries */
@media screen and (min-width: 768px) {
  .item {
    min-width: 33.3333%;
  }
}

@media screen and (min-width: 992px) {
  .item {
    min-width: 25%;
  }
}

/* Add your custom styles here */
header, section, footer, aside, nav, article, figure, figcaption {
	display: block;
}

.warningText {
	color:red;
}

.wrapper {
	width: 97.91%;
	margin: 20px auto 20px auto;
	border: 2px solid #1a2e32;
}

img{
	max-width: 100%;
}

#introduction {
	margin: 10px auto 10px auto;
	padding: 5.2% 1.04% 5.2% 1.04%;
	background-color: rgb(235,180,140);
	text-align: center;
	font-size: 95%;
}

#introduction h3 {
	color: #1a2e32;
}

section.blogpost {
	float: none;
	width: 93.75%;
}
article {
	clear: both;
	overflow: auto;
	width: 95%;
	border: 1px solid rgb(177,216,221);
	margin: 20px;
	padding: 20px;
	background-color: rgb(241,241,230);
}
hgroup {
	margin-top: 30px;
}
figure {
	float: left;
	width: 290px;
	height: 190px;
	padding: 5px;
	margin: 20px;
	border: 1px solid #eeeeee;
}
figcaption {
	font-size: 90%;
	text-align: left;
}
aside {
	width: 230px;
	float: left;
	padding: 0px 0px 0px 20px;
}
aside section a {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}
aside section a:hover {
	color: #985d6a;
	background-color: #efefef;
}


h1, h2, h3 {
	font-weight: normal;
}
h2 {
	margin: 10px 0px 5px 0px;
	padding: 0px;
}
h3 {
	margin: 0px 0px 10px 0px;
	padding-top: 10px;
	color: rgb(50,75,75);
}
h4 {
	padding-top: 10px;
	padding-bottom: 10px;
}
aside h2 {
	padding: 30px 0px 10px 0px;
	color: rgb(198,155,107);
}

article p {
	padding: 10px;
	line-height: 1.4em
}
.ref-apa{
	padding-top: 10px;
	padding-left: 40px;
	width: 90%;

}
.ref-apa li {
	padding-bottom: 0.8em;
}
.ref-apa ul {
	padding-left: 20px;
}
.ref-apa a:link {
	color: rgb(62,131,218)
}
a:link {
	color: #1a2e32;
}
a:visited {
	color: #8a8a8a;
}
a:hover {
	color: #f22222;
}
a:active {
	color: #000000;
}


header {
	margin: 0 auto;
	text-align: center;
	background-color: #ffffff;
}

header a {
	color: #de6581;
	text-decoration: none;
}

nav {
	clear: both;
	margin: 0 auto;
  text-align: center;
	height: 30px;
	border-top: 3px solid #1a2e32;
	background-color: rgb(250,249,239);		
}
nav ul {
	margin: 0 auto;
	background: none;
	padding: 5px 0px 5px 30px;
}
nav li {
	display: inline;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	margin-right: 40px;
}
nav li a {
	color: #ffffff;
}
nav li a:hover, nav li a.current {
	color: #000000;
}

footer {
	clear: both;
	margin: 0 auto;
  text-align: center;
	height: auto;
	border-top: 3px solid #1a2e32;
	background-color: rgb(250,249,239);	
	font-size: 90%;
	padding: 7px 0px 7px 20px;
}

footer p {
	font-size: 0.8em;
	line-height: 1.0em;
	padding: 5px;
	margin-top: 0;
}

footer a:link, a:visited {
	font-size: 0.8em;
	line-height: 1.0em;
	text-decoration: none;
	text-transform: lowercase;
}
section.disclaimer {
	clear: both;
	margin: 10px 25px 10px 10px;
  text-align: left;
	height: auto;
	color: rgb(135,135,135);
	border: 2px solid rgb(62,90,100);
	font-size: 90%;
	padding: 7px 7px 7px 7px;
	background-color: rgb(241,241,231);	
}
section.disclaimer p {
	font-size: 0.8em;
	line-height: 0.9em;
	padding: 2px;
	margin-top: 0;
}