@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet"');

body {
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
}

/*--Navbar --*/
.navbar {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  /* background: rgba(0, 0, 0, 0.6) !important; */
}

/* .mdb-lightbox img {
  transition: all 2s ease;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  position: relative;
  z-index: 10;
}

.mdb-lightbox img:hover {
  transform: scale(1.5);
  z-index: 15;
} */

/* .navbar-nav li {
  padding-right: 0.7rem;
}

.navbar-light .navbar-nav .nav-link {
  color: white !important;
  padding-top: 0.8rem;
}
*/

.navbar-nav .nav-link:hover {
  color: black !important;
}

.card-title {
  color: grey;
}

.about-section {
  margin-top: 15%;
}

h2 {
  font-family: "Archivo Black", sans-serif;
  text-transform: uppercase;
}

.mdb-lightbox .col-md-4 {
  float: left;
}

.mdb-lightbox img {
  border-radius: 2px;
}

/* #about {
  margin-top: 7rem;
  margin-left: 2rem;
  margin-right: 2rem;
} */

#profile-card {
  margin-top: 10rem;
}

#multi-item-example .col-md-4 {
  float: left;
}

.container {
  max-width: 1100px;
  margin: auto;
  overflow: auto;
  padding: 0 2rem;
}

/* .carousel-caption {
  background-color: rgba(255, 255, 255, 0.479);
  margin-bottom: 5rem;
  width: 28rem;
  margin-left: 42rem;
  color: black;
} */

.parallax {
  /* The image used */
  background-image: url("./img/hrdf_logo_7.png");
  /* Set a specific height */
  min-height: 600px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Header Parallax Element Style*/
.paral {
  min-height: 600px;
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* Image for Parallax Section */

/* Header Parallax Element Style*/
.paral1 {
  min-height: 300px;
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.paralsec1 {
  background-image: url("./img/coverpic2.jpg");
}

.paralsec2 {
  background-image: url("./img/coverpic3.jpg");
}

.paralsec3 {
  background-image: url("./img/coverpic4.jpeg");
}