body {
			width: 100%;
			margin: 0;
		}

		#hero {
			font-family: 'Open Sans', sans-serif;
			color: #fff;
			background-image: url('../img/hero-background.png');
			background-size: cover;
			background-repeat: no-repeat;
			width: 1150px;
    		margin: auto;
    		height: 600px;
    		position: relative;
    		margin-top: 50px;
		}

		#hero h2,
		#hero h3,
		#hero p, {
			color: #fff;
		}

		#hero h1 {
			font-size: 110px;
		    font-weight: 400;
		    margin-bottom: -20px;
			
		}

		#hero h2 {
			margin-top: 0;
	    	font-size: 14px;
    		letter-spacing: 5px;
    		position: relative;
		}

		#hero h2 img {
		    position: absolute;
		    width: 9%;
		    top: -10%;
		}

		#hero p { 
			font-size: 13px;
    		padding: 0 0 0 45px;
    		margin-top: 50px;
		 }

		 #hero h4 {
		 	color: #47486C;
		    position: absolute;
		    left: 15%;
		    bottom: -4%;
		    width: 10%;
		 }

		 #hero h5 {
		 	width: 100%;
		    font-size: 8px;
		    font-weight: 700;
    		letter-spacing: 1.8px;
		    color: #000;
		    text-align: center;
		    padding-top: 35px;
		    padding-left: 15px;
		 }

		.container {
			width: 87%;
			margin: auto;
			padding: 0;
		}

		#hero .row {
			display: flex;
			width: 100%;
			margin: 0;
		}

		#hero .row .floating-phone {
			width: 60%;
		}

		#hero .row .floating-phone .telefon {
			width: 125%;
		    padding-top: 100px;
		    margin-left: -120px;
		}

		#hero .row .floating-phone .app-icon {
			position: absolute;
			left: 14%;
			bottom: 5%;
			width: 10%;

		}

		#hero .row .text-block .get-the-app img {
			width: 80%;
		    max-width: 125px;
		    margin: 5px;
		    display: inline-block;
		}

		#hero .row .text-block .get-the-app .apple {
			margin-left: 20px;

		}

		#hero .row .text-block .title {
			text-align: center;
			padding-top: 20px;
		}

		#hero .row .text-block {
			width: 35%;
		}

		#hero .get-the-app {
			margin-top: 40px;
		    margin-left: 20px;
		    text-align: center;
		}

		#hero .get-the-app  a {
			transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
		}

		#hero .get-the-app  a:hover {
			transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
			opacity: 0.8;
		}

		@media screen and (max-width: 768px) {
			#hero {
				width: 100%;
				height: 100%;
				background-size: 100%;
				background-position: 50% 0%;
			}

			#hero .row {
				flex-direction: column-reverse;
				flex-wrap: wrap;
			}

			#hero .row .floating-phone,
			#hero .row .text-block {
				width: 100%;
			}

			#hero .row .floating-phone {
				text-align: center;
			}

			#hero .row .floating-phone .telefon {
				width: 100%;
			    padding-top: 10px;
			    margin-left: 0px;
			}

			#hero .row .floating-phone .app-icon {
				bottom: auto;
				top: 1%;
			}


			#hero p {
			    font-size: 14px;
			    padding: 0;
			    margin-top: 15px;
			    text-align: center;
			    width: 65%;
			    margin-left: auto;
			    margin-right: auto;
			    margin-bottom: 25px;
			}

			#hero .row .text-block .get-the-app {
				margin-top: -10px;
				margin-left: 0;
			}

			#hero .row .text-block .get-the-app img {
			    max-width: 140px;
			}
			#hero h1 {
				font-size: 80px;
				margin-top: 35px;

			}
			#hero h2 {
				font-size: 12px;
			}

			#hero h2 img {
				width: 4%;
			}

			#hero h5 {
			    font-size: 10px;
			    padding-top: 10px;
			    padding-left: 0;
			}

			#hero h4 {
				display: none;
			}

		}

		@media screen and (max-width: 600px) {
			body {
			background-image: url('../img/hero-background.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50%;
			}

			#hero {
				background-image: none;
			}
			#hero .row .floating-phone .app-icon {
				width: 15%;
			}

			#hero p {
				width: 90%;
			}
			#hero h2 img {
		    width: 8%;
			}

		}

		@media screen and (max-width: 400px) {
			#hero .row .text-block .get-the-app .apple {
			margin-left: 0;

			}
		}