.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#video .col-lg-4 {
	/*min-height: 315px;
	max-width: 100%;*/
    height: auto;
    max-width: 650px;
    min-height: 360px;
}

 #bio{
    min-height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-color: #fff;

  display: block;
  position: relative;
  z-index: -1;
}

#about p {
  font-size: 20px;
  background: #0000009c;
  padding: 50px;
}

/*@media only screen and (max-width: 600px) {
  #about p {
    text-align: center;
  }
}*/

#icons-container{
/*background: #403425db;
background: #0000009c;*/
color:white;
padding: 10px;
}
.text-muted{
  color:#afafaf !important;
}

/*
 #about .container{
  width: min-content;
}*/

.projectHidden{
  visibility: collapse;
  display: none;
}

.btn-filter{
  -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

.btn-filter:focus{
background-color: #007bff  !important; 
border-color: #007bff  !important;
}

.circle {
  background: rgb(0, 0, 0);
  border-radius: 50%;
  padding-top: 1vw;
  padding-right: 1vw;
  padding-bottom: 1vw;
  padding-left: 1vw;
  margin-bottom: 2vh;
  width: 250px;
  height: 250px;
  padding-top: 7vh;
}

.bottom-left-fixed{
/*fixed only when the height is big enough*/
  position: initial;
  left: 0px;
  bottom: 0px;
  color: #757575;
  font-size: x-small;
}

.nav-flex{
  display: flex;
}

.nav-flex a p, .nav-flex a img{
  display: inline-flex;
}

@media (max-width: 350px){
  /*Fix background too small*/
  html{
    width: fit-content;
  }

  .nav-flex p{
    font-size: small;
  }
}

@media (max-width: 200px){
  /*Fix background too small*/
  .mfp-bg {
    position: fixed !important;
  }
}

#mainNav img {
  max-width: 8%;
  min-width: 5%;
  margin-right: 3px;
}

@media (min-width: 992px) {
  #mainNav img {
      max-width: 10%;
      margin-right: 5px;
  }

  #mainNav.navbar-shrink a img {
    max-width: 8%;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  #mainNav img {
      max-width: 7%;
      margin-right: 5px;
  }
}

.navbar>.container, .navbar>.container{
 /*flex-wrap: nowrap; To fix wrapping of burger menu*/
}