a {
	text-decoration: none;
	color: black;
}

.border {
	border: 1px solid;
    border-color: #cccaca;
    width: 95%;
    margin: auto;
    margin-top: 40px;
}

.job-header {
    background: url(/media/img/site/sayt_vakansiy_02.jpg);
    height: 17vw;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.job-header .button {
    background-color: #88d1f8;
    padding: 15px 30px;
    margin-right: 20%;
    margin-bottom: 2%;
    color: #004064;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.job-container {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.job-left {
	width: 75%;
	background-color: white;
}
.top{
	display: flex;
	justify-content: space-between;
	padding: 35px 20px 30px 20px;
	color: #004064;
}
.top h3 {
	font-size: 16px;
	text-transform: uppercase;
}

.top a {
	text-decoration: none;
	text-transform: lowercase;
	color: #004064;
	font-size: 10pt;
}

.job-left-block .vacancy{
	display: grid;
	/*grid-template-rows: repeat(7, 1fr);*/
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.job-right {
	width: 25%;
}

.vacancy-item {
	padding-left: 20px;
}

.vacancy-item .name {
	font-size: 14px;
	width: 90%;	
	margin-bottom: 5px;	
}

.vacancy-item .namesbj {
	font-size: 14px;
	width: 90%;	
	margin-bottom: 5px;	
	text-transform: lowercase;
}

.vacancy-item .org {
	color: #727070;
	font-size: 12px;
	margin-top: 3px;
}

.job-left-block .specialty{
	display: grid;
	/*grid-template-rows: repeat(7, 1fr);*/
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.specialty-item {
	padding-left: 20px;
}

.specialty-item .name {
	font-size: 14px;
	width: 90%;		
}

.specialty-item .org {
	color: #727070;
	font-size: 13px;
	margin-top: 3px;
}

.job-left-block .news{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	margin-bottom: 25px;
}


.news-item {
	padding-left: 20px;
	display: flex;
}

.news-item .name {
    font-size: 14px;
    width: 90%;
    margin-top: 10px;
    max-height: 60px;
    overflow: hidden;	
}

.news-item .org {
	color: #727070;
	font-size: 13px;
	margin-top: 3px;
}

.news-item img {
	width: 80px;
	height: 80px;
	min-width: 80px;
}

.news-item .text {
	margin-left: 20px;
}

.news-item .date {
	color: #727070;
	font-size: 11px;
	margin-top: 3px;
}

.job-right .orgs{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	margin-bottom: 25px;
}

.orgs-item {
	padding-left: 20px;
	display: flex;
}

.orgs-item .name {
	font-size: 14px;
	width: 90%;		
}

.orgs-item .org {
	color: #727070;
	font-size: 13px;
	margin-top: 3px;
}

.orgs-item img {
	width: 80px;
	height: 80px;
	min-width: 80px;
}

.orgs-item .text {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-left: 20px;
}

.orgs-item .count {
	color: #727070;
	font-size: 13px;
	margin-top: 3px;
}

@media screen and (max-width: 1200px) {
	.job-container {
	    width: 100%;
	}
	.container {
	    width: 100%;
	    margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.job-left{width: auto;}
	.job-right{width: auto;}
	.job-left-block .news{grid-template-columns: 1fr;}
	.job-right .orgs{grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 600px) {
	.job-right .orgs{grid-template-columns: repeat(2, 1fr);}
}