.main--link {
	text-align: center;
	width: 100%;
}
.main--link a {
	margin-left: auto;
	margin-right: auto;
	background: #42a6a0;
	padding: 10px 15px;
	display: inline-block;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	transition: all .2s ease;
}
.main--link  a:hover {
	padding: 10px 45px;
	background: #000;
	transition: all .2s ease;
}
/************************ NAVBAR SECTION ************************/
#navbar-section {
    padding: 0px;
    background: #f9f9f9 !important;
}
#navbar-section .navbar-brand {
    width: 100%;
    text-align: center;
    margin-right: 0px;
    height: 130px;
    padding: 30px;
    background: url("/assets/images/gremegro-navbarbg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}
#navbar-section .navbar-brand img {
    max-width: 300px;
    width: 100%;
}
#navbar-section img {
    width: 100%;
}
/************************ HEADER SECTION ************************/
#header-section {
    background: #f9f9f9;
    margin-top: -10px;
    background: url("/assets/images/gremegro-fuenfziger-jahre-deko-schilder.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
    width: 100%;
    min-height: 700px;
    height: auto;
    border-bottom: solid 15px #42a6a0;
}
#header-section .header--wrapper {
	position: absolute;
	top: 40vh;
	width: 100vw;
	overflow: hidden;
	padding: 15px;
	height: 300px;
}
#header-section .header--headline h1 {
	color: #42a6a0;
	background: #f9f9f9;
	padding: 15px;
	text-align: center;
	font-size: 2em;
}
#header-section .header--headline h1 small {
	color: #000;
}
#header-section .header--link a {
	background: #42a6a0;
	padding: 10px 15px;
	display: block;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	transition: all .2s ease;
}
#header-section .header--link a:hover {
	background: #000;
	color: #fff;
	transition: all .2s ease;
	padding: 10px 45px;
}
@media (min-width: 458px) {
  #header-section .header--headline {
	right: 15px;
 	position: absolute;
  }
  #header-section .header--headline h1 {
	font-size: 3em;
  }
}
/************************ MAIN SECTION ************************/
#main-section {
    background: #f9f9f9;
    text-align: center;
}
#main-section .main--section {
    padding: 90px 15px;
    //height: 100vh;
    display: flex;
    align-items: center;
}

#main-section img {
    width: 100%;
    height: auto;
}

#main-section .box {
    transition: all .3s ease;
}
#main-section .box:hover {
    padding: 0px;
}
#main-section .box a {
    border: solid 1px #eee;
    background: #f9f9f9;
    margin-top: 60px;
    height: 300px;
    z-index: 3;
    display: block;
    text-decoration: none;
    transition: all .3s ease;
}
#main-section .box:hover a {
    border: solid 1px #aaa;
    padding-top: 60px;
}
#main-section .box .box--title {
    display: none;
    transition: all .3s ease;
}
#main-section .box:hover .box--title {
    background: #222;
    display: inline;
    padding: 15px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}
#main-section .box--1 a {
    background: url("/assets/images/gremegro-fuenfziger-jahre-deko-wandschild.jpg");
    background-size: cover;
    background-position: center;
}
#main-section .box--2 a {
    background: url("/assets/images/gremegro-fuenfziger-jahre-deko-wandhaken.jpg");
    background-size: cover;
    background-position: center;
}
#main-section .box--3 a {
    background: url("/assets/images/gremegro-fuenfziger-jahre-deko-schild-car.jpg");
    background-size: cover;
    background-position: center;
}
#main-section .box--4 a {
    background: url("/assets/images/gremegro-fuenfziger-jahre-deko-eisenschilder.jpg");
    background-size: cover;
    background-position: center;
}
/************************ FOOTER SECTION ************************/
#footer-section {
    background: #42a6a0;
    margin-top: -120px;
    padding: 150px 15px 30px;
    color: #fff;
}
#footer-section .footer--phone {
    color: #fff;
    font-size: 20px;
}
@media (min-width: 576px) {
    #footer-section .footer--phone {
        font-size: 35px;
    }
}
#footer-section .footer--links {
    font-size: 10px;
    padding: 10px;
}
#footer-section a {
    color: #fff;
    text-decoration: none;
}
#footer-section .footer--links:hover {
    cursor: pointer;
}
#footer-section .modal-content {
    text-align: left;
}

.parallax-image {
    height: 300px;
    width: 100%;
    position: absolute;
    left: 0px;
}
.parallax-image--1 {
    background: url("/assets/images/gremegro-fuenfziger-jahre-deko-car-parallax.jpg");
    background-size: cover;
    background-attachment: fixed;
}
.parallax-image--2 {
    background: url("/assets/images/gremegro-fuenfziger-jahre-corner-table-parallax.jpg");
    background-size: cover;
    background-attachment: fixed;
}
.parallax-image--3 {
    background: url("/assets/images/gremegro-fuenfziger-jahre-deko-oldtimer-parallax.jpg");
    background-size: cover;
    background-attachment: fixed;
}