/* font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif; */
* {
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  /*padding-right: 200px;
	padding-left: 200px;*/
  margin: auto;
  /* width: 1100px; */
  width: 80%;
  max-width: 1100px;
  background: #999999;
  padding-top: 15px;
}

.confname::after {
  content: "Neurodegeneration and Artificial Intelligence";

}

.confname:link, .confname, .confname:visited {
  color: #663366;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

/* Header/Blog Title */
.header {
  padding: 5px;
  text-align: center;
  /*background: #f4f6fb;*/
  background: white;
  color: #33336B;
}

.header h1 {
  font-size: 28px;
  font-family: Arial Narrow;
}

.header h2 {
  font-size: 20px;
  font-family: Arial Narrow;
}

.header p {
  font-size: 20px;
  font-family: Arial Narrow;
  text-align: center;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
  background-color: #f4f6fb;
  /* width: 750px; */
  width: 70%;
  display: table-cell;
}

/* Right column */
.rightcolumn {
  /* width: 350px; */
  width: 30%;
  background-color: #f4f6fb;
  /* padding-left: 10px; */
  display: table-cell;
}

/* Add a card effect for articles */
.card {
  /*background-color: #f4f6fb;*/
  /*border-radius: 20px;*/
  /*background-image: linear-gradient(#ffffff, #ebebe0);*/
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 25px;
  /*font-family:Times;*/
  /* line-height: 22px; */
  font-size: 19px;
  color: #333366;
  font-family: Arial Narrow;

}

.card_language 
{
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 10px;
  font-size: 21px;
  color: #000000;
  font-family: Arial Narrow, sans-serif;
}

.card_news {
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 10px;
  font-size: 21px;
  color: #663366;
  font-family: Arial Narrow, sans-serif;
}

.card_bar {
  margin-left: 10px;
  padding-left: 25px;
}

.card p {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: black;
}

.card h2 {
  font-size: 20px;
  color: #007399;
  font-family: Arial Narrow, sans-serif;
}

.card_for_important_date {
  /*background-color: #f4f6fb;*/
  padding: 20px;
  margin-top: 2px;
}

.row {
  width: 100%;
}

/* Clear floats after the columns */
.row::after {
  content: "";
  display: table;
  clear: both;
  width: auto;
}

/* Footer */
.footer {
  padding: 50px;
  text-align: center;
  background: #f4f6fb;
  margin-bottom: 20px;
}

/* navigation dropdown menu -----------------------------*/ 
.navbar {
  overflow: hidden;
  background-color: #663366;
  font-family: Arial Narrow, sans-serif;

}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 12px 12px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 12px 6px;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover,
.dropdown:hover .dropbtn {
  background-color: #8f478f;
  color: white;
  display: block;
}

.homebtn {
  border-right: 1px solid white;
  color: white;
}

.hilightbtn {
  border-right: 1px solid white;
  background-color: #8f478f;
}

.otherbtn {
  border-right: 1px solid white;
  background-color: #663366;
}

.otherbtn:hover {
  background-color: #8f478f;
  color: white;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #663366;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  max-width: 40%;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 8px 12px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: Arial;
  font-size: 17px;
  border-bottom: 1px solid white;
  font-weight: normal;
  /* max-width: 40%; */
}

.dropdown-content a:hover {
  background-color: #8f478f;
  border-left: none;
  border-right: none;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.navbar a.icon {
  display: none;
}

.cover img{
  object-fit: cover;
  max-height: 500px;
  display: block;
  width: 100%;
}

.logo1 {
  float: left;
  margin-left: 30px;
  border: 0;
}

.logo2 {
  float: right;
  margin-right: 16px;
  border: 0;
}

.logo3 {
  float: right;
  margin-right: 16px;
  border: 0;
}

/* Css for speakers */
.speakers {
  background: #f4f6fb;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 10px;
}

.our_team {
  width: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.our_team .team_member {
  max-width: 30%;
  min-width: 30%;
  margin: 10px;
  background: #fff;
  padding: 20px 10px;
  min-height: 10%;
  border-radius: 3%;
}

.our_team .team_member .member_img {
  background: #e9e5fa;
  max-width: 190px;
  width: 100%;
  height: 200px;
  margin: 0 auto;
  /* border-radius: 50%; */
  padding: 5px;
  position: relative;
  cursor: pointer;
}

.our_team .team_member .member_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* min-height: 200px; */
}

.our_team .team_member h4 {
  padding-bottom: 10px;
  border-bottom: 2px solid #002b57;
  overflow: hidden;
  white-space: nowrap;
  text-align-last: center;
}

.ProfLau{
  margin-left: -7px;
}

.our_team .team_member .profilebtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 12px 14px;
  background-color: #00478f;
  font-family: inherit;
  margin-left: 35%;
  border-radius: 5%;
}

.our_team .team_member .profilebtn:hover {
  background: #008ae6;
}

.our_team .team_member .profilebtn a {
  color: white;
}

.our_team .team_member p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align-last: center;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the navbar (.icon) */
@media screen and (max-width: 600px) {
  .navbar a,
  .dropdown .dropbtn,
  .dropdown .otherbtn {
    display: none;
  }

  .navbar a.icon {
    float: right;
    display: block;
    width: 55px;
  }
}

/* The "responsive" class is added to the navbar with JavaScript when the user clicks on the icon. This class makes the navbar look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  body {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .confname::after {
    content: "Neurodegeneration and Artificial Intelligence";
  }



  .card {
    margin-left: 0px;
    padding-left: 0px;
  }

  .card_news {
    margin-left: 0px;
    padding-left: 0px;
  }

  .card_news b {
    font-weight: bolder;
  }

  .card_bar {
    margin-left: 0px;
    padding-left: 0px;
  }

  .navbar.responsive {
    position: relative;
  }
  .navbar.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
    scale: 70%;
  }
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .navbar.responsive .dropdown {
    float: none;
  }

  .navbar.responsive .dropdown-content {
    position: relative;
    /* padding-left: 7%; */
    max-width: 100%;
    display: contents;
  }

  .navbar.responsive .dropdown-content a {
    padding-left: 10%;
    font-size: medium;
    font-weight: 600;
  }

  .navbar.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

  .navbar.responsive .dropdown .dropbtn b {
    font-weight: 900;
  }

  .navbar.responsive .otherbtn {
    border-bottom: 3px solid white;
  }

  .navbar.responsive .otherbtn b {
    font-weight: 900;
  }

  .head {
    width: 100%;
    display: inline-flex;
    background-color: #ffffff;
    padding: 5px;
  }

  .logo1 {
    scale: 100%;
	margin-top: 0px;
    margin-left: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
    border: 0;
  }
  .logo2 {
    scale: 100%;
    margin-left: 18px;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    border: 0;
  }
    .logo3 {
    scale: 100%;
    margin-left: 50px;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    border: 0;
  }

  .header {
    display: inline-block;
    color: #002b57;
    padding: 0px;
  }

  .cover {
    object-fit: cover;
    min-height: 200px;
    width: 100%;
  }

  .leftcolumn {
    width: 100%;
    display: block;
    padding: 20px;
  }

  .rightcolumn {
    width: 100%;
    display: block;
  }

  /* Css for speakers */
  .speakers {
    background: #f4f6fb;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 10px;
  }

  .our_team {
    width: auto;
    display: block;
    justify-content: center;
    flex-wrap: wrap;
  }

  .our_team .team_member {
    max-width: 80%;
    margin: 5px;
    background: #fff;
    padding: 20px 10px;
    min-height: 10%;
    margin-left: 10%;
  }

  .our_team .team_member .member_img {
    background: #e9e5fa;
    /* max-width: 190px; */
    width: 100%;
    height: 210px;
    margin: 0 auto;
    /* border-radius: 50%; */
    padding: 5px;
    position: relative;
    cursor: pointer;
  }

  .our_team .team_member .member_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* min-height: 200px; */
  }

  .our_team .team_member h4 {
    padding-bottom: 10px;
    border-bottom: 2px solid #002b57;
  }

  .ProfLau{
    margin-left: 0px;
  }

  .our_team .team_member .profilebtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    padding: 12px 14px;
    background-color: #00478f;
    font-family: inherit;
    margin-left: 35%;
  }

  .our_team .team_member p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align-last: center;
  }
  
}