@font-face {
    font-family: 'PFSquareSansPro';
    src: url(../fonts/PFSquareSansPro-Regular.ttf);
}
@font-face {
    font-family: 'PFSquareSansPro Thin';
    src: url(../fonts/PFSquareSansPro-Thin.ttf);
}
@font-face {
    font-family: 'PFSquareSansPro Bold';
    src: url(../fonts/PFSquareSansPro-Bold.ttf);
}
@font-face {
    font-family: 'Calibri';
    src: url(../fonts/calibri.ttf);
}
@font-face {
    font-family: 'Calibri Italic';
    src: url(../fonts/calibrii.ttf);
}
@font-face {
    font-family: 'Calibri Light';
    src: url(../fonts/calibril.ttf);
}
@font-face {
    font-family: 'Calibri LightItalic';
    src: url(../fonts/calibrili.ttf);
}

@font-face {
    font-family: 'PFDinTextCompPro Medium';
    src: url(../fonts/PFDinTextCompPro-Medium.ttf);
}

#first_disp {
	background-image: url(../magick/automatization.jpg);
	height: 700px;
    background-size: cover;
	background-position: 100% 0%;"
}

.first_half {
	text-align: center;
	font-family: 'PFSquareSansPro', sans-serif;
	color: #ffffff;
	font-size: 48px;
	line-height: 51px;
	margin-top: 80px;
	margin-bottom: 70px;
	text-transform: uppercase;
}

.logo_cont {
	text-align: center;
}

.phone_cont {
	text-align: right;
}

	
.second_half {
    color: #ffffff;
    font-family: 'PFSquareSansPro Thin', sans-serif;
    font-size: 30px;
    display: block;
}

.third_half {
    color: #ffffff;
    font-family: 'PFSquareSansPro Thin', sans-serif;
    font-size: 30px;
    display: block;
    border-top: 1px solid #746b6f;
    margin: 22px auto 56px;
    padding-top: 17px;
	width: 750px;
}

.more {
    border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(218,223,240) 0%, rgb(253,253,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(218,223,240) 0%, rgb(253,253,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(218,223,240) 0%, rgb(253,253,255) 100%);
    box-shadow: 0 4px 0 0 rgb( 189, 194, 206);
    display: inline-block;
    color: #656565;
    font-family: 'PFSquareSansPro', sans-serif;
    font-size: 18px;
    padding: 15px 25px;
    text-decoration: none;
    margin: 0 3px 10px;
    cursor: pointer;
}

.phone_number {
	font-family: 'PFSquareSansPro Thin', sans-serif;
	color: #ffffff;
	font-size: 26px;
	line-height: 30px;
	text-align: right;
	margin-top: 48px;
	display: block;
}

.phone {
    border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(242,117,7) 0%, rgb(177,86,6) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,117,7) 0%, rgb(177,86,6) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,117,7) 0%, rgb(177,86,6) 100%);
    box-shadow: 0 4px 0 0 rgb( 149,72,5);
    display: inline-block;
    color: #ffffff;
    font-family: 'PFSquareSansPro', sans-serif;
    font-size: 18px;
    padding: 15px 25px;
    text-decoration: none;
    margin: 0 3px 10px;
	cursor: pointer;
	outline: none;
    border: none;
}

a.phone:focus {
    outline: none;
	color: #ffffff;
	text-decoration: none;
}

a.more:focus {
    outline: none;
	color: #656565;
	text-decoration: none;
}

.phone:hover {
    opacity: 0.9;
	color: #ffffff;
    text-decoration: none;
}

.more:hover {
    opacity: 0.9;
	color: #656565;
    text-decoration: none;
}

.more:active {
    box-shadow: 0 0 0 0 rgb( 189, 194, 206 );
    position: relative;
    top: 4px;
	text-decoration: none;
}

.phone:active {
    box-shadow: 0 0 0 0 rgb( 189, 194, 206 );
    position: relative;
    top: 4px;
	text-decoration: none;
}


.hidden_row {
	display:none;
}

@media (max-width: 1199px) {

	.phone_cont {
		text-align: center;
	}
	.logo_cont {
		text-align: left;
	}	
}


@media (max-width: 767px) {
	
	#first_disp {
		height: 650px;
	}
	
	.first_half {
		font-size: 36px;
		line-height: 45px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.second_half {
		font-size: 24px;
	}
	
	.third_half {
		font-size: 24px;
	    width: auto;
	}
		
	.phone_number {
		text-align: center;
		margin-top: 20px;
	}
	.logo_cont {
		text-align: center;
	}	
}



@media (max-width: 600px) {

	#first_disp {
		height: 600px;
	}
	
	.first_half {
		font-size: 28px;
		line-height: 37px;
		margin-top: 25px;
		margin-bottom: 25px;
	}	
	
	.second_half {
		font-size: 20px;
	}
	
	.third_half {
		font-size: 20px;
		width: auto;
	}
	
}


@media (max-width: 500px) {
	.displayed {
		display: none;
	}
	.hidden_row {
		display: block;
	}
}


@media (max-width: 480px) {
	.third_half {
		margin: 22px auto 27px;
	}
	#first_disp {
		height: 650px;
	}
}

@media (max-width: 360px) {
	.first_half {
		font-size: 24px;
		line-height: 35px;
	}

}