body{
	font-family: arial, sans-serif;
}

.image-full{
	width: 100%;
	height:  auto;
}
.grumdesign-logo{
	width:  96%;	
}
.awards{
	text-align: center;
	padding:  0px 0px 90px 0px;
}
.awards img{
	width:  25%;
	height:  auto;
}

.text{
	background-color: #f4f4f4;
}
p{
	font-size: 18px;
}
p.teaser{
	font-size: 30px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}
.headliner{
	font-size: 13px;
	text-align: center;
	letter-spacing: 1px;
	color: #777;
}
.toogle-read{
	font-size: 16px;
	cursor:  pointer;
}
.hidden-text{
	display: none;
	padding:40px 0px 20px 0px;	
}
.hidden-text p{
	text-align: justify;
}

.logos{
	padding:  20px 0px 60px 0px;
}

.video{
	padding:  20px 0px 40 0px;
}


.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1000px;
}

/*
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/
.video-link{
	background-color: #585858;
	text-align: center;
}
.video-link p{
	color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
}
.video-link a{
	color: #de6534;
	text-decoration: none;	
}

.mobile-logos{
	display: none;
	text-align:  center;
	padding:  20px 0px 20px 0px;
}
.mobile-logos .image-full{
	width:  40%;
	padding-bottom: 40px;
}


@media only screen and (max-width: 900px) {
  /* For mobile phones: */
	.mobile-logos{
		display:  block;
	}  
	.logos{
		display:  none;
	}

	p.teaser{
		font-size: 22px;
    }
    .hidden-text p{
		font-size: 15px;
	}
}