/* Hero */
#hero{
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.hero__credit{
	position:absolute;
	bottom:0;right:0;
	padding:1.24rem;
	border-radius: 1rem 0 0 0;
	background:$lightWhite;
}
.hero__credit--hidden{
	display:none;
}
.hero-s{padding:4.64rem;background:$primary}
.hero-m{
	height:400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	max-height:70vh;
}
.hero-f{
	height:100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.hero--image{
	background-color:$heroBg;
	background-image:linear-gradient(rgba($heroBg, 0.2), rgba($heroBg, 0.45)), url("/images/hero.jpg");
}
.hero-content{
	text-align:center;
}
.hero-m .hero-content,
.hero-f .hero-content{
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.hero-s *, .hero-m *, .hero-f *{
	color: $white;
}
.hero--para{
	background-attachment:fixed;
}
.main--para{
	margin-top:0;
}