*{
	margin:0; 
	padding:0; 
	outline:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.3s;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.3s;
}

:root {
  --defaultText: #3a3a3a;
  --defaultColor: #4e8ac6;
 
}

html{height: 100%;}

body{
	background: url(bg.webp) no-repeat fixed 0 0;
	height: 100%;
}

@font-face {
    font-family: 'fira_sansblack';
    src: url('firasans/firasans-black.woff2') format('woff2'),
    	   url('firasans/firasans-black.ttf') format('truetype'),
         url('firasans/firasans-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'fira_sansregular';
    src: url('firasans/firasans-regular.woff2') format('woff2'),
    	   url('firasans/firasans-regular.ttf') format('truetype'),
         url('firasans/firasans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.pageContent{
	display: flex;
	justify-content: space-between;
	height: 100%;
}

.pageContent .leftCol{
	height: 100%;
	width: 50%;
	background: var(--defaultColor);
	padding-right: 42px;
}

.pageContent .leftCol .logoBox,
.pageContent .rightCol .textBox{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: end;
}

.pageContent .leftCol .logoBox img{ width: 409px; }

.pageContent .rightCol{
	height: 100%;
	width: 50%;
}

.pageContent .rightCol .textBox{
	
	justify-content: left;
	padding-left: 42px;
}

.pageContent .rightCol .textBox .info{
	width: 409px;
	color: var(--defaultText);
	font: 27px fira_sansregular;
}

.pageContent .rightCol .textBox .info h3{
	font: 36px fira_sansblack;
	line-height: 38px;
	color: var(--defaultColor);
	/*margin-bottom: 44px;*/
}

.pageContent .rightCol .textBox .info .phone{
	font: 38px fira_sansblack;
    color: var(--defaultColor);
    text-decoration: none;
    display: block;
    padding: 0 0 0 48px;
    margin-top: 12px;
    background: url(icon.webp) no-repeat;
}

.pageContent .rightCol .textBox .info .phone:hover{
	text-decoration: underline;
}


/* Responsive ------------------------------------------ */
@media only screen and (max-width: 1024px){
	.pageContent .leftCol .logoBox img{ width: 322px; }
	.pageContent .rightCol .textBox .info{
		width: 322px;
		font-size: 21px;
	}

	.pageContent .rightCol .textBox .info h3{
		font-size: 28px;
	    line-height: 31px;
	}
}

@media only screen and (max-width: 853px){
	.pageContent{ display: block; }
	.pageContent .leftCol{
		width: 100%;
		height: 150px;
		padding-right: 0;
	}

	.pageContent .leftCol .logoBox{ justify-content: center; }
	.pageContent .leftCol .logoBox img{ width: 230px; }

	.pageContent .rightCol{
		width: 100%;
		height: auto;
	}

	.pageContent .rightCol .textBox {
	    padding-left: 0;
	    justify-content: center;
	    padding-top: 50px;
	}

	.pageContent .rightCol .textBox .info{ text-align:center; }
}