body{
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	color: #1a1a1a;

}
p{font-size: 19px;
	padding-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
	line-height: 1.3em;
}

h1{
    font-size: 45px;
}
h2{
    font-size: 36px;
}

h4{
    font-size: 40px;
}

.main-content{
	padding-left: 5%;
	padding-right: 5%;
}




.hero-container{
	 position: relative;

  color: white;
}

/* left text */
.hero-left {
  	padding-left: 5%;
	position: absolute;
  top: 15%;
  left: 10%;
    transform: translate(-15%, 10%);
}

/* Bottom left text */
.hero-bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

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

.valignimg{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align:center;
	justify-content: center;
}

#headerimg{
	padding-top: 30px;
	padding-bottom: 20px;
	max-width:90%;
}

.middlepadded{
	padding-left: 5%;
	padding-right: 5%;
}

.middlepaddedlong{
	padding-left: 15%;
	padding-right: 15%;
}

.portallogo{
	max-width: 90%;
}

#headerimg {
	max-width: 30%; 
	min-width: 280px;
}