/****************************************************************************************************************************************************/
/** GLOBAL STYLES ***********************************************************************************************************************************/

:root {

}
* {
    box-sizing: border-box;
}
html {
    font-size: 100%; /* 16px ? */
/*
font-size

375% = 45pt		= 60px
350% = 42pt		= -
333% = 40pt		= -
316% = 38pt		= -
300% = 36pt		= 48px
275% = 34pt		= 45px
255% = 32pt		= 42px	2.625rem
245% = 30pt		= 40px
				  39px	2.4375rem
235% = 29pt		= 38px	2.375rem
230% = 28pt		= 37px
225% = 27pt		= 36px
220% = 26pt		= 35px
207% = 24.75pt	= 33px	= xx-large
200% = 24pt		= 32px	= xx-large

187.5% = ? pt	= 30px	1.875rem
180% = 22pt		= 29px	1.8125rem
175% = 21pt		= 28px
166% = 20pt		= 26px
158% = 19pt		= 25px
150% = 18pt		= 24px	1.5rem
145% = 17pt		= 23px	1.4375rem
140% = 16pt		= 22px	1.375rem
130% = 15pt		= 21px	1.3125rem
125% = 14.5pt	= 20px	1.25rem
120% = 14pt		= 19px	1.1875rem
112.5% = 13.5pt	= 18px	1.125rem
105% = 13pt		= 17px	1.0625rem


100% = 12pt		= 16px	1rem
95%  = 11pt		= 15px	.9375rem
87.5%= 10.5pt	= 14px	.875rem
80%  = 10pt		= 13px	.8125rem
75%  = 9pt		= 12px	.75rem
70%  = 8pt		= 11px	.6875rem
62.5%= 7.5pt	= 10px	.625rem
55%  = 7pt		= 9px	.5625rem
50%  = 6pt		= 8px	.5rem

*/

    line-height: 1.25; /* 20px */
	font-family: Arial, Helvetica, sans-serif;
}
select, option, input, textarea, label, button {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0;
    color: #EEEEEE;
	overflow: auto;

	font-weight: 400;
	background-color: #FFFFFF;
}


img {
	border: 0;
	vertical-align: top;
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
}

abbr {
    text-decoration: none;
}
nav,
main,
article,
time,
aside {
	display: block;
}


/****************************************************************************************************************************************************/
/****************************************************************************************************************************************************/

html, body {
	width: 100%;
	height: 100%;
	text-align: center;
}

.wbouter {
	text-align: center;

	height: auto !important;
	min-height: 100%;
}
.jq-size-add {
	height: auto !important;
	min-height: 100%;
}

.bg1 {
	background-color: #F5EAC7;
	background-image: url('images/fons-hq.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	image-rendering: optimizequality;

	background-image: url('images/fons-hq.jpg');
}

.inc {
	/* max-width: 1102px; */
	max-width: 1188px;
	margin: 0 auto;
	padding: 0 43px 0 43px;
	text-align: left;
}

a.logo {
	display: inline-block;
}
a.logo img {
	max-width: 100%;
	height: auto;
}

.logo-c {
	padding: 174px 0 22px 0;
}

.fh1 {
	font-size: 2rem;
	color: #7586F2;
	font-weight: 400;
	padding: 0 0 13px 0;
	margin: 0 0 0 -3px;
}
.fh2 {
	font-size: 1rem;
	color: inherit;
	font-weight: 400;
	padding: 0 0 13px 0;
	margin: 0 0 0 -2px;
}
.copyright {
	font-size: 0.875rem;
	color: #7586F2;
	padding-bottom: 122px;
}

.c-main {
	text-align: left;
	min-height: calc(100vh - 200px - 335px);
}
.inf {
	font-size: 1rem;
	margin: 0 0 16px -2px;
}
.inc2 {
	padding-top: 421px;
	padding-top: 266px;
	padding-bottom: 117px;
}





/****************************************************************************************************************************************************/


@media all and (min-width: 700px) {

}


/* ~ telefons */

@media all and (max-width: 600px) {
	.fh1 {
		font-size: 1.3125rem;
	}
}

@media all and (max-width: 360px) {
	.fh1 {
		font-size: 1rem;
	}
	.fh2 {
		font-size: .75rem;
	}
	.inf {
		font-size: .75rem;
	}
	.copyright {
		font-size: .625rem;
	}
}