@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'db_helvethaica_x35_thin';
    src: url('../fonts/db_helvethaica_x_thin_v3.2_0.woff2') format('woff2'),
         url('../fonts/db_helvethaica_x_thin_v3.2_0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light.woff2') format('woff2'),
         url('../fonts/raleway-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular.woff2') format('woff2'),
         url('../fonts/roboto-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	background:#ffffff;
}

*::-webkit-input-placeholder {
    padding:5px 0 0 0;
}
*:-moz-placeholder {
    /* FF 4-18 */
    padding:5px 0 0 0;
}
*::-moz-placeholder {
    /* FF 19+ */
    padding:5px 0 0 0;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    padding:5px 0 0 0;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.container {
	max-width: 1200px;
	height:auto;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
}
.white-bg {
	background:#ffffff;
	padding:100px 0;
}
.txt-blue {
	color:#1f98da;
}
.txt-gray {
	color:#a7a9ac;
}
.txt-green {
	color:#8eb936;
}

h1 {
	width:100%;
	font-family: 'robotoregular';
	font-size:230px;
	line-height:230px;
	color:#58595b;
	text-align:center;
	float:left;
	margin:40px 0 0 0;
}
span.head-message {
	width:100%;
	font-family: 'ralewaylight';
	font-size:56px;
	line-height:56px;
	color:#58595b;
	margin:20px 0;
	text-align:center;
	font-weight:100;
	float:left;
}
p {
	width:100%;
	font-family: 'db_helvethaica_x35_thin';
	font-size:46px;
	line-height:46px;
	color:#808285;
	padding:15px 0;
	float:left;
	letter-spacing:1.3px;
	text-align:justify;
}
.footer-wrap {
	width:100%;
	height:auto;
	box-sizing:border-box;
	position:relative;
	bottom:0;
	z-index:0;
	margin:40px 0;
	padding:20px 0;
	background:url(../images/footer-line.jpg) no-repeat bottom center;
	background:100% auto;
}
.footer-wrap img{
	width:auto;
	display:inline-block;
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (orientation : landscape) {
	.footer-wrap { 
		position:relative;
	}
	.content-wrap {
		min-height:auto;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.head-wrap img {
		width:auto;
	}
	.head-wrap {
		margin:0 auto 0;
	}
	.white-bg {
		padding:100px 0;
	}
	h1 {
		font-size:100px;
		line-height:100px;
	}
	span.head-message {
		font-size:40px;
		line-height:40px;
	}
	p {
		font-size:28px;
		line-height:28px;
		letter-spacing:1px;
		text-align:center;
	}
	.footer-wrap {
		margin:0;
	}
	.content-wrap img {
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) and (orientation : landscape) { 
	.footer-wrap { 
		position:relative;
	}
	.content-wrap {
		min-height:auto;
	}
}
/* iPhone all device portrait ----------- */
@media only screen and (max-device-width : 414px) {

	.head-wrap img {
		width:auto;
	}
	.head-wrap {
		margin:0 auto 0;
	}
	.white-bg {
		padding:0px 0;
	}
	h1 {
		font-size:100px;
		line-height:100px;
	}
	span.head-message {
		font-size:40px;
		line-height:40px;
	}
	p {
		font-size:28px;
		line-height:28px;
		letter-spacing:1px;
		text-align:center;
	}
	.content-wrap img {
		width:50%;
		height:auto;
		margin:0 auto;
	}
	
}
/* iPhone 5 ----------- */
@media only screen and (max-device-width : 375px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	.footer-wrap { 
		position:relative;
	}
	.content-wrap {
		min-height:auto;
	}
	
}