@charset "UTF-8";
/* CSS Document */

html *
{
   font-family: Arial !important;
}

.site_name{
	color: #325396; 
	font: bold; 
	font-size: 50px;
}

.notice_bar{
	background-color: #325396; 
	color: #ffffff;
	font: bold; 
	height:30px; 
	text-align: right;
	padding-right: 60px;
	padding-top: 10px;
	/*width: 100%;*/ 
}

.content {
    /*max-width: auto;*/
    
    max-width: 800px;
    margin-right: 100px;
    margin-left: 100px;
    background: #C0C0C0;
    padding: 10px;
}


/* specifies all of the input boxes with type=text */
input[type=text] {
    width: 25vw; /* makes text box 25% of the browser window */
    border-radius: 5px;
    
}



textarea {
    width: 25vw; /* makes text box 25% of the browser window */
    border-radius: 10px;
    height: 100px
}


.submit_form {
  max-width: auto;
  margin-right: 100px;
  margin-left: 100px;
  background: #C0C0C0;
  padding:10px;
}


/*Comment Section*/

#myBtn {
  text-align: center;
  background-color: #325396;
  border: none;
  color: white;
  padding: 15px 47px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  /*margin: 4px 2px;*/
  cursor: pointer;
 
 /* centers the submit button */
 
  margin-left: 50%;
  transform: translateX(-50%);
	
}





/* The Modal (background) */
.modal {
  /*display: none;*/ /* Hidden by default */
  position: fixed; /* Stay in place */
 /* z-index: 1;*/ /* Sit on top */
  padding-top: 100px; /* Location of the box */
/*  left: 0;
  top: 0;*/
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #F4F3F3;
  margin: auto;
  padding: 50px;
  border: 1px solid #888;
  width: 80%;
	
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}