html, body {
	height: 100%;



    font-family: 'Manrope', sans-serif;

}

.container-fluid {
	padding:0;
}

.carousel-item {
	height: 100vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.carousel-item > img {
	width:100%;
	height:100%;
}
h1{
	font-size: 28px;
}
.navbar{
	background-color: rgba(255, 255, 255, 0);
	padding: 55px 10px; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.5s; /* Adds a transition effect when the padding is decreased */
}
.fixed-theme{
	background-color: white;
	padding: 0px;
	border-bottom: 5px solid #1f839e;
}
.fixed-theme .nav-item>a{
	padding-left:10px;
	color:black;
	text-shadow: 1px 1px 1px white;
	font-size: 18px;
}


.fixed-theme .nav-item>a:hover{
	border-bottom: 5px solid #3b97b0;
}


.active{
	border-bottom: 5px solid #205e6f;
}

.fixed-theme .navbar-brand>a>img{
	width: 190px;
	border-bottom: 0;
}

.navbar.transparent.navbar-inverse .navbar-inner{
	border-width: 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: rgba(0,0,0,0.0);
    background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
 }
 
.nav-item>a{
	color:white;
	text-shadow: 2px 2px 2px black;
	font-size: 24px;
}

.nav-item>a:hover{
	border-bottom: 5px solid #3b97b0;
}

.navbar .dropdown-menu >  .active ,
.navbar .dropdown-menu>a:hover{
	 background-color: #62a9da;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline-color: #2e6bab;
    box-shadow: none;
}
 
nav.navbar.fixed-top {
    max-height: 100%;
    overflow-y: auto;
}

/* Small devices (landscape phones, 576px and up)*/ 
@media (min-width: 350px) { 
	

}

/* Small devices (landscape phones, 576px and below)*/ 
@media (max-width: 992px) { 
	.fixed-theme .nav-item>a
	{
		border-bottom: 5px solid white;
	}
	.nav-item>a{
		border-bottom: 5px solid transparent;
	}
	.fixed-theme .navbar-brand>img{
		width: 130px;
		border-bottom: 0;
	}
	.navbar-brand>img{
		width: 160px;
		border-bottom: 0;
	}

}

/* Medium devices (tablets, 768px and up)*/ 
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)*/ 
@media (min-width: 992px) {
	nav.navbar.fixed-top {
        overflow-y: visible;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/ 
@media (min-width: 1200px) { 
}

 
/* Set the border color to the desired color */ 
.custom-toggler.navbar-toggler { 
    border-color: rgb(255,102,203);
} 

.navbar .navbar-toggler-icon {
background-image: url('https://mdbootstrap.com/img/svg/hamburger2.svg?color=fff');
}


figure {
	display: flex;
	flex-direction: column;
	align-items: center;
}

hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.img-thumbnail200 {width:200px;height:250px;}
.img-thumbnail400 {width:400px;height:250px;}


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

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

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

footer{
	padding: 20px;
}

.top30 { margin-top:30px; }
.margintopbottom30 {padding: 30px 0 30px 0;}