* {
  font-family: 'Roboto', sans-serif;
}

body {
  /* background: rgb(140,175,255);
  background: linear-gradient(0deg, rgba(140,175,255,1) 3%, rgba(255,255,255,1) 50%); */
  
  width: 100%;

  display: flex;
  min-height: 100vh;
  flex-direction: column;

}

.footer {
  background: black;
  color: whitesmoke;

  /* height: 70px; */

  position: relative;

  /* margin-top: 20px; */
  padding-bottom: 15px;
  padding-top: 17px;
}

/* important style for footer  */
.content {
  min-height: calc(100vh - 80px);
}


.nav-link {
  font-size: 1.5em;
}

.list-group-item{
  font-size: 1.5em;
}

.form-group{
  margin-top: 10px;
}

.img-thumbnail {
  border: none;
}

p {
  font-size: 1.2em;
}

.read-more {
  margin-top: 66px;
  margin-bottom: 50px;
}

.no-href {
  color: white;
}

.nav-link {
  color: #000000;
  cursor: pointer;
}

.nav-link:hover {
  color: #000000;
  text-decoration: underline;
}

.img-fluid{
  margin-bottom: 10px;
}

a {
  color: inherit;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

/* @media (min-width: 576px) {
  .modal-dialog { max-width: none; }
}

.modal-dialog {
  width: 98%;
  height: 92%;
  padding: 0;
} */

.modal-content {
  /* height: 99%; */
  background: transparent;
}

.modal-body {
  position:relative; /* This avoids whatever it's absolute inside of it to go off the container */
  height: 250px; /* let's imagine that your login box height is 250px . This height needs to be added, otherwise .img-responsive will be like "Oh no, I need to be vertically aligned?! but from which value I need to be aligned??" */
}

.img-responsive {
  /* This value will depend on what size you want for your loading image, let's say it's 50px */
  /* width:50px;
  height: 50px; */
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-25px; /* This needs to be half of the height */
  margin-left:-25px; /* This needs to be half of the width */
}

.head {
  margin-bottom: 2em;
  padding-top: 1.2em;
}

video {
  width: 100%;
}

.video-uvod {
  /* width="60%" height="80%" controls style="border: 1px" */
  width: 80% !important;
  /* height: 80%; */
}