@charset "utf-8";
/* CSS Document */
/*Article*/

article{font-size:20px;
	line-height:20px;
	font-family:"Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}


/*Body*/

body {
height:100%;
  font-family:"Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 16px;
	line-height:20px;
	min-height: 100vh;
	display:flex;
	flex-direction:column;
	background-color:#D8D6D6;
	
	}


/*Aside*/
aside {
	
  width: 30%;
	height:100%;
  float: left;
}



div.a {
  text-indent: 2em;
}

div.b {
  word-wrap: break-word;
	font-size: 20px;
	line-height: 25px;
font-weight:normal;
	text-indent:2em;
}

/*h1,h2,h3*/
h1,h3{ text-align:center;
	line-height:30px;
	font-family:"Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

/*Image classes*/
.imgR{
	float:right;
	border:5px;
	padding:5px;
}

.imgL{
	float:left;
	border:5px;
	padding:5px;
}

.imgC{
	float:center;
	border:5px #07D1DE;
}

.responsive {
  max-width: 70%;
	height:auto;
}


table {
	
  border-collapse:collapse;
  max-width:100%;

}

td, th {
  border: 5px solid #07D1DE;
  text-align: left;
 
}




.parallax {
  /* The image used */
  background-image:url("../images/home/scrollpic1.jpg");

  /* Set a specific height */
  min-height: 1000px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}
@media only screen and (max-device-width: 1336px) {
  .parallax {
    background-attachment: scroll;
  }
}

/*Button*/
.button {
  border: none;
  color: white;
  padding: 7.5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor:pointer;
	
}

.button1 {background-color:#07D1DE;

} 


/*Unordered list stlye*/
ul {list-style-image: url("../images/logos/bullets123.png");
	float:left;
}




/*box*/
.box {
	
  background-color: #333;
  width: 300px;
  border: 5px #07D1DE;
  border-style:solid;
  padding: 10px;
 color: #f2f2f2;
	text-align:left;
	
	
} 

/*Nav bar*/

.topnav {
  overflow:hidden;
  background-color: #333;
	font-family:"Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	
}

.topnav a {
  float:left; 
  display:block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration:none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #07D1DE;
  color: black;
	
}

.topnav a.active {
  background-color:#07D1DE;
  color: white;
	

}

.topnav .icon {
  display:none;
	
}

@media screen and (max-width : 600px ){
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width : 600px ){
  .topnav.responsive {position:relative}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
	
    float: none;
    display: block;
    text-align: left;
  }
}
/*Nav bar end*/ 




/*Footer*/

footer{
	margin-top: auto;
	background-color:#333;
	color:white;
	bottom:0;
	width:100%;
	font-family:"Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}



a {
  color:#07D1DE;
}