/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/templates/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */


body {
	padding-top: 100px;
	background: linear-gradient(90deg, rgba(249,157,42,1) 40%, rgba(0,119,190,1) 50%);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 40% 50%;
	}
	50% {
		background-position: 50% 40%;
	}
	100% {
		background-position: 40% 50%;
	}
}

.container {
	margin: 0 6em 0 6em;
}

h1 {
	font-family: 'Roboto', sans-serif;
	font-weight:350;
	font-size: 2em;
	color:#474C55;
	margin-bottom:0.8em;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size:2.3em;
	font-weight:300;
	color:white;
	margin-bottom:1em;
}

a {
	text-decoration:none !important;
}


/* Grow */
.hvr-grow {
	width:75%;
	background-color: rgba(255, 255, 255, 0);
  	border: 2px solid #474C55;
  	color: #474C55;
  	border-radius: 45px;
  	font-weight:300;
  	font-size: 2em;
  	padding: 0.2em 2em;
  	margin: 0;
  	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: perspective(1px) translateZ(0);
  	transform: perspective(1px) translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-property: transform;
  	transition-property: transform;
  	text-decoration:none !important;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid rgba(255, 255, 255, 0);
	color: #0077BE;
	text-decoration:none !important;
}

.social-div {
	padding:0;
}

.social-media-button {
	width:80%;
	border:none;
	background-color: rgba(255, 255, 255, 0);
	padding:0;
	text-align:center;
}

svg {
	width:100%;
}

.st0 {
 	fill: rgba(255, 255, 255, 0);
 }

.st1 {
 	fill: #474C55;
 }

 .social-media-button:hover .st0 {
 	fill: rgba(255, 255, 255, 1);
}

 .social-media-button:hover .st1 {
 	fill: white;
}


footer {
	padding-top: 2.5em;
	padding-bottom: 1em;
}

footer p {
	font-size:15px;
	color:#474C55;
}


.lj-air-logo {
	padding: 0 0 3.5em 0;
	width: 80%;
}


.background-image img{
	position:absolute;
	right:0;
	bottom:0;
	height:105%;
	opacity:0.3;
}

.background-image-mobile {
	display:none;
}

.background-image-mobile img{
	display:none;
	opacity:0.3;
}

@media only screen and (max-width: 1400px) {

	.container {
	margin: 0 6em 0 6em;
}

	.background-image img{
	height:95%;
	right:-100px;
	top:2%;
}

	.hvr-grow {
	font-size: 1.5em;
}

	}

@media only screen and (max-width: 1150px) {

	.container {
	margin: 0 4em 0 4em;
}

	.background-image img{
	height:95%;
	right:-200px;
	top:2%;
}
	}

@media only screen and (max-width: 1000px) {

	.container {
	margin: 0 3em 0 3em;
}

	.lj-air-logo {
	width: 100%;
}

	.background-image img{
	height:95%;
	right:-250px;
	top:2%;
}
	
	.hvr-grow {
	font-size: 1.5em;
	width:100%;
}

	p {
		font-size:1.8em;
}

	svg {
	width:70%;
}

}


@media only screen and (max-width: 800px) {

	.background-image img{
	display:none;
}
	
	.background-image-mobile {
	display:inline;
}

	.background-image-mobile img{
	position:fixed;
	right:0;
	bottom:0;
	width:50%;
	display:none;
}

	p {
		font-size:1.5em;
}

	.hvr-grow {
	width:90%;
	font-size: 1.4em;
}

@media only screen and (max-width: 700px) {

	.hvr-grow {
	width:70%;
	font-size: 1.5em;
}

svg {
	width:100%;
}


}

@media only screen and (max-width: 600px) {

	body {
	padding-top:50px;
	background: linear-gradient(180deg, rgba(249,157,42,1) 40%, rgba(0,119,190,1) 50%);
	background-size: 400% 400%;
	animation: gradient 14s ease infinite;
}

	@keyframes gradient {
	0% {
		background-position: 50% 45%;
	}
	50% {
		background-position: 80% 35%;
	}
	100% {
		background-position: 50% 45%;
	}
}

	.container {
	margin: 0 1.5em 0 1.5em;
}

	.lj-air-logo {
	width: 40%;
}


	.hvr-grow {
	width:90%;
	font-size: 1.5em;
}

	p {
	font-size:1.3em;
	padding: 0 1.5em 1em 0;
}

	.footer {
		color:white;
		padding-top:0 !important;
	}

	.hvr-grow {
  	border: 2px solid white;
  	color: white;
  }

	svg {
	width:80%;
}

.social-div {
	width:20%;
}

.social-media-button {
	width:100%;
}

.st0 {
 	fill: rgba(255, 255, 255, 0);
 }

.st1 {
 	fill: rgba(255, 255, 255, 1);
 }

 a {
 	color:white;
 	text-decoration:none !important;
 }

}