#about2 .logo-circle-int {
	overflow: hidden;
}

.logo-circle-int > div {
	background-size: 95% !important;
}

@media screen and (max-width: 767px) {
	#about2 .logo-circle {
		max-width: 260px;
	}
}


@media screen and (min-width: 768px) {
	#about3 .col-sm-3, #about2 .col-sm-3 {
	    width: 25% !important;
	}
	#about2 .logo-circle-int {
		border: solid 5px #d8d9db;
	}
	#about2 .first-circle {
		margin-left: 12.5%;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	#about2 {
		padding-top: 50px;
	}
	#about2 .logo-circle {
	    padding: 10px 0;
	}
	.publications-wrap {
		position: relative;
		min-height: 480px;
	}
	.publications-wrap .btn {
		position: absolute;
		left: 0;
		bottom: 0;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	#about2 {
		padding-top: 70px;
	}
	#about3 h3 {
	    font-size: 16px;
	}
	#about3 .first-row h4 {
		height: 32px;
	}
	.logo-circle {
	    padding: 10px !important;
	}
	.publications-wrap {
		position: relative;
		min-height: 460px;
	}
	.publications-wrap .btn {
		position: absolute;
		left: 0;
		bottom: 0;
	}
}

@media screen and (min-width: 1200px) {
	.people-outer {
	    padding: 0 10px;
	}
	#about2 .logo-circle-int {
		margin: 10px;
	}
	.people-outer img {
		max-width: 200px;
	}
}
body {
  overflow: hidden;
}


/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}