/* Fonts */

header {
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
    font-family: 'Adamina', Georgia;

}

/*Website Border*/

#top, #bottom, #left, #right {
	background:#DCDCDC;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

/* Header Navigation Bar */

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: none;
}

li {
  float: right;
}

.home {
    float: left;
}

li a {
  display: block;
  color: black;
  text-align: center;
  padding: 40px 30px 10px 40px;
  text-decoration: none;
  font-size: 20px;
}

li a:hover {
  background-color: none;
  color: #DCDCDC;
}

  
li.dropdown {
  display: inline-block;
}
  
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
  
.dropdown-content a {
  color: black;
   padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 15px;
}
  
.dropdown-content a:hover {background-color: #f1f1f1;}
  
.dropdown:hover .dropdown-content {
  display: block;
}

.topnav {
  display: none;
}

/*Research Body*/

.researchtitle h2 {
    text-align: center;
    font-size: 45px;
    padding-bottom: 80px;
    padding-top: 30px;
    border-bottom: double;
  }

  .title {
    width: 90%;
    display: block;
    margin-left:auto;
    margin-right:auto;
    font-family: 'Adamina', Georgia;
    padding-bottom: 1%;
}

img {
  width: 100%;
  display: block;
  margin-left:auto;
  margin-right:auto;
  height: 60px;
  object-fit: cover;
  padding-bottom: 3%;
}

.quote1 {
    width: 90%;
    display: block;
    margin-left:auto;
    margin-right:auto; 
    /*font-family: 'Lobster', cursive;*/
    font-family: 'Adamina', Georgia;
    padding-left: 5%;
    background-color:#e3dac9;
}

.spaceholder p {
  color: white;
  padding-top: 1%;
}

.quote1 p {
    font-size: 120%;
    line-height: 140%;
    padding-bottom: 4%;
}

.quote1 h3 {
  font-size: 140%;
}

.quote2 {
    width: 90%;
    display: block;
    margin-left:auto;
    margin-right:auto;
    font-family: 'Adamina', Georgia; 
    padding-left: 5%;
    background-color:#a99a86;
    padding-bottom: 2%;
}

.quote2 h3 {
  padding-bottom: 1%;
  font-size: 140%;
}

.quote2 p {
  font-size: 120%;
  line-height: 140%;
  padding-bottom: 1%;
}

.quote3 {
    width: 90%;
    display: block;
    margin-left:auto;
    margin-right:auto;
    font-family: 'Adamina', Georgia;
    padding-left: 5%;
    background-color:#e3dac9;
}

.quote3 h3 {
    font-size: 140%;
}
.quote3 p {
  font-size: 120%;
  line-height: 140%;
  padding-bottom: 4%;
}

.quote4 {
  width: 90%;
  display: block;
  margin-left:auto;
  margin-right:auto;
  font-family: 'Adamina', Georgia;
  padding-left: 5%;
  background-color:#a99a86;
}

.quote4 h3 {
  font-size: 140%;
}


.quote4 p {
font-size: 120%;
line-height: 140%;
padding-bottom: 4%;
}

.quote5 {
  width: 90%;
  display: block;
  margin-left:auto;
  margin-right:auto;
  font-family: 'Adamina', Georgia;
  padding-left: 5%;
  background-color:#e3dac9;
}

.quote5 h3 {
  font-size: 140%;
}
.quote5 p {
font-size: 120%;
line-height: 140%;
padding-bottom: 1%;
}

.spaceholder1 p {
  color: white;
  padding-top: 0%;
}




     /*Footer*/

 .footer {
    padding: 4px 0;
    background-color: #dedede;
    text-align: center;
  }

  
  .footer li {
    float: none;
    display: inline-block;
  }
  .footer li a:hover {
    background-color: none;
    color: #adaaaa;
  }

    /*Responsiveness*/

@media only screen and (min-width: 415px) and (max-width: 768px) {
  li a {
    padding: 40px 23px 20px 23px;
    }
  }

  @media only screen and (min-width: 0px) and (max-width: 414px) {
    /* Style the navigation menu */
  .topnav {
    display: block;
    overflow: hidden;
    background-color: #DCDCDC;
    position: relative;
    border-bottom: 2px solid #DCDCDC;
    width: 96%;
    margin-left:auto;
    margin-right:auto;
  }
  
  /* Hide the links inside the navigation menu (except for logo/home) */
  .topnav #myLinks {
    display: none;
  }
  
  /* Style navigation menu links */
  .topnav a {
    color:#484848;
    padding: 16px 20px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  
  /* Style the hamburger menu */
  .topnav a.icon {
    background: white;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  /* Add a grey background color on mouse-over */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Style the active link (or home/logo) */
  .active {
    background-color: white;
    color: black;
  } 
  
  li {
    display: none;
  }
  
  li.dropdown {
    display: none;
  }

  #top, #bottom, #left, #right {
    z-index: +1;
  }
  
  
  }
