#right-column {
	float: right;
	width: 38%;
	margin-left: 1%;
	
}
#left-column {
	float: left;
	width: 60%;
	margin-right: 1%;
}

#logo {
	float: none;
	}

/* the css for mobile responsiveness is in the index file */

#wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 2%;
  background-color: #fffefb;
  padding: 0px;

}

body, html {
  overflow-x: hidden; /* temporarily hides horizontal scroll */
  margin: 0;
  padding: 0;
  background-color: #fffefb;
  box-sizing: border-box;
}


header { font-family: 'Belanosima', serif;
font-size: 550%;
color: #000000;
margin-bottom: 5px;
margin-top: 5px;
}

p { 
font-family: "Montserrat", sans-serif;
  /* font-optical-sizing: auto; */
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 100%;
  
  margin: 0;
  padding: 0;
 /* text-align: center; */
}

h2 {	                                  
  font-family: "Montserrat", sans-serif;
  /* font-optical-sizing: auto; */
  font-weight: 600;
  font-style: normal;
  color: #000000;
  font-size: 175%;	
  text-align: center;
  text-shadow: 0px 0px 0px #000000;
  background-color: #1f1f1f;
  color: #fffefb;
  padding: 8px 0px;
  letter-spacing: 1px;  
  }


h3 {   
  font-family: "Montserrat", sans-serif;
  /* font-optical-sizing: auto; */
  font-weight: 600;
  font-style: normal;
  color: #000000;
  font-size: 150%;	
  text-align: center;
  text-shadow: 0px 0px 0px #000000;
  background-color: #b1e8f1;
  color: black;
  padding: 8px 0px;
}

footer {
font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 80%;
 }

.homepageDiv {
	
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	
}

a { text-decoration: none; color:#595281; }
a:visited /* unspecified */
a:focus { color: #8000000; }
a:hover { color: #9b8fdf; cursor: pointer;}
a:active { color: #000000; }
a:link /* unspecified */

li a {display: block;
list-style-type: none;
text-decoration: none; }


/* Blinking Text */
.blink_me {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.button {
  border: none;
  color: black;
  padding: 0px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0px 0px; 
  cursor: pointer;
  background-color: green;
  border-radius: 12px;
  font-size: 95%;
}

.button:hover
{background-color: purple; color: #000000;}