body{
  margin: 0;
}

h1{
  font-family: 'Palotino';
  font-size: 4em;
  font-weight: bold;
  margin: 20px;
  text-align: center;
}

h2{
  font-weight: bolder;
  margin: 20px;
  text-align: center;
}

p{
  text-align: justify;
}

img{
  /* border: 1px solid black; */
  max-width: 100%;
}

video {
  width: 50%;
  height: auto;
}

.navbar-brand{
  font-weight: bold;
  text-align: center;
  width: 28vw;
}

.nav-link{
  border-left: 1px solid grey;
  text-align: center;
  width: 18vw;
}

.container-fluid{
  margin: 0;
  padding: 20px 5% 20px 5%;
}

.cover{
  background-color: black;
  padding-top: 80px;
  /* height: 85vh; */
  text-align: center;
}

.cover-img{
  max-width: 100%;
}

.main{
  min-height: 90vh;
}

.img-title{
  background-color:black;
  color:white;
  margin:0;
  padding: 10px 5% 10px 5%;
}

.horizontal-scroll{
  white-space: nowrap;
  overflow-x: scroll;
}

footer{
  background-color: black;
  color: white;
  padding: 10px;
}

footer p{
  font-size: 12px;
  font-style: italic;
}

footer img{
  border: none;
}

#copyright{
  text-align: right;
}

.social-link{
  filter: invert(100%);
  height: 30px;
  width: 30px;
}

@media screen and (max-width: 991px) {
  h1{
    font-size:24px;
  }

  h4{
    font-size:16px;
  }

  p{
    font-size:14px;
  }

  video{
    width:100%;
  }

  .nav-link{
    width: 100%;
  }
}