body, html {
  height: 100%;
  margin: 0;
  background-color: white;
  color: #090d20;  /*#fbbb03*/
  font-size:18px;
  text-align: justify;
  text-justify: inter-word;
  line-height: 1.5;	
}


.navbar-collapse{
	background-color: #00a1ae;
}


.header {
  padding: 10px 16px;
  background-color: #00a1ae;
  color: #f1f1f1;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
}

navbar{
	background-color: #00a1ae;
	color: #fffacd;
}
a{
	color: #fffacd;
}

.head-section {
  /* The image used 
  background-image: url("../img/bg3.jpg");
*/
  /* Full height */
  height: 100vh; 
  width: 100%;
  background-color: white;

  /* Center and scale the image nicely 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  */
  text-align: center;
  
}

.head-section font{

	font-size:128px;
    color:white;
    
}

.title{
	font-size:64px;
    color:#26357d;
}

.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.rounded-transparent-button{
	padding:10px;
	border-radius:20px;
	background-color: #090d20;
	border: 3px solid #171F44;
	color:white;
	font-size:36px;
	margin-top:10%;
}

.white-border{
	border:3px solid white;
	background-color: transparent;
}

.rounded-transparent-button:hover{
	color:#090d20;
	background-color: white;
}

.full-width{
	width:100%;
}

section{
	/*min-height:100vh;*/
	width:100%;
	padding:10px;
}
.navbar-collapse , .navbar-header{
	padding:15px;
	background-color: #00a1ae;
}
.navbar{
	border:none;
	background-color: #00a1ae;
}
.card{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.dept-card{
	/*border: 2px solid #f9ae44;*/
	border:2px solid white;
	width:100%;
	height:400px; /* 450 with button */
	margin-top:100px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.dept-title{
	min-height:100px;
	margin-top:-50px;
	border: 2px solid #f9ae44;
	/*border-radius:50px;*/
	max-width:90%;
	background-color: #f9ae44;
	padding:12px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
}

.dept-title font{
	font-size:40px;
}

.dept-card a{
	display:none;
}

.dept-description{
	padding:12px;
	text-align: left;
}  

.delimiter{
	width:100%;
	border-style: dashed;
	border-color:white;
	border-width:1px;
	margin-top:50px;
}


.list {
	list-style-type: none;
	padding:20px;
}


.project-card{
	width:100%;
    min-height:250px;
    text-align:center;
   /* background-color:black;*/
    font-size:30px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	margin-top:30px;
}

.project-card-300{
	min-height:300px;
}

.card-img{
  	width:100%;
    height:200px;
    overflow:hidden;
}
.project-card img{
	width:100%;
    height:200px;
    background-color:black;
}

.project-card p{
	margin-top:0px;
    color:#171f44;
}

.zoom{
	transition: 0.3s;
}

.zoom:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
}


.parallax {
  /* The image used 
  background-image: url("img_parallax.jpg");*/

  /* Set a specific height */
  min-height: 500px; 

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

.news-card{
	border: 2px solid white;
	width:80%;
	height:200px;
}

.partner-img{
	max-width: 90%;
	maex-height:300px;
	margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.media{
	margin-top:0px;
}

.profile-row .card{
	padding:15px;

}

footer{
	background-color: #00a1ae;
	color: #fffacd;
	height:50px;
}
.footer{
	text-align:left;
	background-color: #00a1ae;
    color: white;
}

.btn-info{
	background-color: #00a1ae;
    border-color: #00a1ae;
}

@media only screen and (max-width:1200px) and (min-width:786px) {
	.dept-card{
		height:500px; /*600 with button*/
	}
	.dept-card btn{
		bottom: 0px;
		position: absolute;
		margin-left: -90px;
	}
}

@media only screen and (max-width:786px){
    
    .title{
        font-size:32px;
    }
    
    .head-section font{
        margin-top:25px;
        font-size:64px;
    }
	
	.project-card img{
		width:100%;
		height:auto;
		background-color:black;
	}
	
	.card-img{
		width:100%;
		height:auto;
		
	}
	
	section{
		min-height:30vh;
	}
	
	.dept-card{
		height:auto;
	}
	
	.partner-img{
		max-width: 100%;
		position: relative;
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	#contact h3{
		font-size:1em;
	}
    
}