@font-face {
	font-family: 'Roboto Slab Bold';
	src: url('/css/one-pager/fonts/RobotoSlab-Bold.ttf');
}



/* MEDIA QUERIES */



/* 4K */
@media only screen and (max-width: 2560px) {}

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

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



/* LAPTOP L */
@media only screen and (max-width: 1440px) {}

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

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

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

/*	.text p {
		line-height: 1.25em;
	}*/





	/*#section1 #section1Content .image {
		padding-left: 150px;
	}

		#section1 #section1Content .image img {
			width: 450px;
		}*/

}



/* LAPTOP */
@media only screen and (max-width: 1024px) {

	.image img {
		position: relative;
	}



	#section1 #section1Content .image {
		/*margin-bottom: 150px;*/

		/*padding: 0px;*/
		/*height: 750px;*/
		height: 0px;
		text-align: center;
	}

		#section1 #section1Content .image img {
			/*width: 300px;*/
			/*margin-left: 30px;*/

			/*width: 60%;*/
			/*height: auto;*/
			/*position: relative;*/
			/*top: -175px;*/
		}

}

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

	#section-menu ul {
		margin-left: 0px;
	}

	#section-menu .socials {
		top: -187.5px;
	}

		#section-menu .socials a {
			display: block;
		}



	#section1 {
		background-size: cover;
	}

		#section1 #section1Content .image {
			/*padding: 0px;*/
			height: 850px;
		}

			#section1 #section1Content .image img {
				/*width: 300px;*/
				margin-top: 0px;
			}



	#section2 .image {
		margin-top: 25%;
		text-align: center;
	}



	#section3 #owl-demo {
		margin: 50px 0px 0px;
	}

		#section3 #owl-demo .owl-prev,
		#section3 #owl-demo .owl-next {
			visibility: visible;
		}



	#section4 #section4Content #packages {
		margin: 75px 0px 40px;
		display: block;
	}

		#section4 #section4Content #packages .package {
			margin: 0px 10px 35px !important;
		}

}

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



/* TABLET */
@media only screen and (max-width: 768px) {

	/*.text h1, h1 {
		font-size: 30px;
	}*/



	/*#section-menu ul {
		margin-left: 0px;
	}

	#section-menu .socials {
		top: -187.5px;
	}

		#section-menu .socials a {
			display: block;
		}*/



	#section1 #section1Content .image {
		/*height: 850px;*/
	}

		#section1 #section1Content .image img {
			top: -50px;
		}

}

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

	#section-menu ul {
		text-align: center;
		padding-left: 0px;
		margin-left: 0px;
		display: none;
	}

		#section-menu ul li {
			/*margin-right: 0px !important;*/
			/*display: block;*/
		}

	#section-menu .socials {
		top: -55px;
		/*visibility: hidden;*/
		display: none;
	}

		#section-menu .socials a {
			display: inline-block;
			margin: 30px 15px 0px;
		}



	#section1 {
		padding-top: 150px;
	}

		#section1 #section1Content .image {
			height: initial;
		}

			#section1 #section1Content .image img {
				top: 0px;
			}



	#section3>img {
		height: 0px;
	}

}

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

	#section5 #section5Content .reference .row {
		/*height: 150px;*/
	}

		#section5 #section5Content .reference .row .person .pic {
			/*position: absolute;*/
			margin: 10px 10px 0px;
			/*bottom: 0px;*/
			width: 75px;
			height: 75px;
		}

		/*#section5 #section5Content .reference .row .person .text {
			width: 100%;
			height: 100%;
			position: relative;
			padding-left: 110px;
		}*/

			#section5 #section5Content .reference .row .person .text p {
				/*position: absolute;*/
				/*bottom: 0px;*/
				/*margin-left: 110px;*/
			}

		#section5 #section5Content .reference .row .logo img {
			width: 150px;
			margin-top: 25px;
		}

}

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

	#section1 #section1Content .text #dl-buttons {
		width: 100%;
	}

		#section1 #section1Content .text #dl-buttons .button {
			display: flex;
			margin: 25px auto 0px;
		}

}

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

	#section1 #section1Content .text #dl-buttons {
		display: block;
	}

		#section1 #section1Content .text #dl-buttons .button {
			margin-top: 25px;
		}



	#section5 #section5Content .reference {
		width: 90%;
	}

}

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

	.text h1, h1, #section1 #section1Content .text h1 {
		font-size: 36px;
	}

}

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

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

	/*#section5 #section5Content .reference .row {
		height: 200px;
	}

		#section5 #section5Content .reference .row .pic {
			bottom: 10px;
		}

		#section5 #section5Content .reference .row .logo {
			height: 100px;
			width: auto;
			bottom: 40px;
			right: 30px;
		}*/

}

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

	.text h1, h1, #section1 #section1Content .text h1 {
		font-size: 30px;
	}

	.text p, p, blockquote {
		font-size: 14px;
		line-height: 22px;
	}

}



/* MOBILE L */
@media only screen and (max-width: 425px) {

/*	#section1 #section1Content .image {
		padding: 0px;
	}
*/
		#section1 #section1Content .image img {
			/*width: 200px;*/
			top: 0px;
		}



		#section5 #section5Content .reference .row .person {
			justify-content: center;
		}

}

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



/* MOBILE M */
@media only screen and (max-width: 375px) {}

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

	.button {
		max-width: 246px;
	}

	.text h1, h1, #section1 #section1Content .text h1 {
		font-size: 26px;
	}



	#section1 #section1Content .text #dl-buttons .button div {
		padding-top: 3px;
	}

		#section1 #section1Content .text #dl-buttons .button div p.dl {
			font-size: 12px;
		}
		#section1 #section1Content .text #dl-buttons .button div p.store {
			font-size: 18px;
		}



	#section5 #section5Content .reference blockquote {
		padding: 20px 30px;
	}

}

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

	.text h1, h1, #section1 #section1Content .text h1 {
		font-size: 24px;
	}

}



/* MOBILE S */
@media only screen and (max-width: 320px) {}



































/* SPECIAL RESIZE FOR SMALL LAPTOPS */
@media only screen and (min-width: 992px) and (max-width: 1440px) {


	#section1 #section1Content .text #dl-buttons {
		width: 100%;
	}

		#section1 #section1Content .text #dl-buttons .button {
			width: 200px;
			height: 48px;
			padding: 12px;
		}

			#section1 #section1Content .text #dl-buttons .button img {
				width: 22px;
				height: 24px;
			}

			#section1 #section1Content .text #dl-buttons .button div {
				width: calc(100% - 27px);
			}

				#section1 #section1Content .text #dl-buttons .button div p.dl {
					font-size: 10px;
				}
				#section1 #section1Content .text #dl-buttons .button div p.store {
					font-size: 16px;
				}




	/*#section1 {
		padding-bottom: 0px;
	}*/

		#section1 #section1Content .image img {
			/*margin-top: 50px;*/
			/*max-width: 150%;*/
			width: 87.5%;
		}

/*		#section1 #section1Content .text #dl-buttons {
			display: block;
			margin: 50px 0px 75px
		}

			#section1 #section1Content .text #dl-buttons .button {
				margin-top: 25px;
			}*/

	.container, .owl-item img {
		width: 60%;
	}

	.text h1, h1, #section1 #section1Content .text h1 {
		font-size: 2vw;
	}

	.text p {
		font-size: 1.2vw;
		line-height: 1.7vw;
	}

	#section-menu ul {
		margin-left: 100px;
	}

	#section3>img {
		margin: 100px -99999px 0px;
	}

	#section5 #section5Content .reference .row .logo {
		margin-top: 30px;
	}

	#section6 .form {
		margin-left: 10%;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1207px) {

	#section-menu ul {
		/*margin-left: 0px;*/
	}

		#section-menu ul li {
			line-height: 16px;
			margin-top: 0px;
		}

	#section-menu .socials {
		/*top: -187.5px;*/
	}

		#section-menu .socials a {
			display: block;
		}
		#section-menu .socials a:first-of-type {
			margin-top: 0px;
		}



	#section1 {
		padding-bottom: 50px;
	}

		#section1 #section1Content .text #dl-buttons {
			margin-top: 50px;
		}

		#section1 #section1Content .text #dl-buttons .button {
			display: flex;
			margin-top: 25px;
		}

	/*	#section1 #section1Content .text #dl-buttons .button {
			width: 200px;
			height: 50px;
			padding: 12px;
		}

			#section1 #section1Content .text #dl-buttons .button img {
				width: 24px;
				height: 27px;
			}

			#section1 #section1Content .text #dl-buttons .button div {
				background-color: red;

			}

				#section1 #section1Content .text #dl-buttons .button div p {

				}
				#section1 #section1Content .text #dl-buttons .button div p.dl {
					font-size: 11px
				}
				#section1 #section1Content .text #dl-buttons .button div p.store {
					font-size: 18px;
				}
	*/
		#section1 #section1Content .image img {
			max-width: 150%;
			width: 120%;
		}

	.owl-prev, .owl-next {
		top: -210px;
	}

}