﻿@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------------
Media Query (height)
-----------------------------------------------------------------------------------------*/

@media only screen and (max-height:780px) {

	.quote-char-holder {
		min-height: 580px;
	}
}

@media only screen and (max-height:720px) {
	.quote-char-holder {
		min-height: 510px;
	}
}


/*-----------------------------------------------------------------------------------------
Media Query (width)
-----------------------------------------------------------------------------------------*/

@media only screen and (max-width:991px) {
	.quote-char-holder {
		display: block;
	}

	.char-quote {
		width: 100%;
	}

	.char-photo {
		height: 480px;
		width: 100%;
	}

	.vacancies-col {
		padding: 0px 0px 0px 0px;
	}

	.body-title {
		text-align: center;
		font-size: 32px;
	}

	.description-title {
		text-align: center;
		font-size: 32px;
	}

	.register-tabs-row {
		margin: 0px auto 0px;
	}

	.registery-body-container {
		margin-bottom: 0;
	}

	.user-photo-col {
		display: inline-flex;
		align-items: center;
		flex-direction: column;
		top: 0;
	}
}

@media only screen and (max-width:575px) {
	.quote-char-holder {
		width: calc(100% - 20px);
	}

	.header-tab-links {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		/*		padding-left:0px;
*/
	}

	.home-anchor {
		float: left;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.header-tab-nav {
		float: left;
		position: relative;
		left: 0% !important;
		/*transform:translateX(-50%);*/
	}

	.char-quote h1 {
		font-size: 1.9rem;
	}

	.char-quote h3 {
		font-size: 1.4rem;
	}

	.body-row {
		width: calc(100% - 20px);
	}

	.gallery-row {
		width: calc(100% - 20px);
	}

	.vacancies-table thead tr th {
		font-size: 13px;
		font-weight: 500;
	}

	.vacancies-table tbody tr td {
		font-size: 13px;
	}

	.blue-button, .blue-button:link {
		font-size: 13px;
	}

	.prim-td {
		font-weight: 500;
	}

	.userName {
		float: left !important;
	}

	.registery-body-container {
		margin-bottom: 0;
	}

	.profile-tab > a {
		font-size: 11px;
		padding: 5px 4px;
	}

	.header-tab-links.row {
		max-width: 330px;
	}

	.Pio-Logo {
		width: 100%;
	}

	.header-tab-links.row {
		display: flex;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}
}
