:root {
  --color-bg-grey: #e8e8e8;
  --color-bg-dark-grey: #c7c5c5;
  --color-blue: #0194de;
}

@media(min-width: 767px) {
	#primary {
		width: 100%;
	}
	#content {
    	padding-top: 150px;
	}
	.ast-separate-container {
		background-color: white;
	}
	
	section {
		margin-bottom: 80px;
	}
	h2 {
		font-size: large;
		font-weight: bold;
	}
	
	section.phone .phone_text {
		display: block;
		font-size: larger;
		font-weight: bold;
	}
	
	section.phone a.phone{
		display: block;
		font-size: larger;
		font-weight: bold;
		color: var(--color-blue);
		margin-left: 40px;
	}
	section.phone a.phone::before {
		content: url('./icons/tel.png');
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		color: black;
		margin-left: -40px;
	}
	
	section.fax .fax_text {
		display: block;
		font-size: larger;
		font-weight: bold;
	}
	
	section.fax a.fax{
		display: block;
		font-size: larger;
		font-weight: bold;
		color: var(--color-blue);
		margin-left: 40px;
	}
	section.fax a.fax::before {
		content: url('/wp-content/uploads/2020/11/fax-machine.png');
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		color: black;
		margin-left: -40px;
	}
	
	.offices_wrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.central_offices, .thessaloniki_offices {
		width: calc(50% - 100px);
		display: inline-block;
		float: left;
	}
	
	.office_title {
		display: block;
		font-weight: bold;
		font-size: large;
	}
	.office_address {
		display: block;
	}
	.office_phones {
		margin-left: 40px;
		list-style: none;
	}
	.office_phones::before {
		content: url('./icons/tel.png');
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		margin-left: -40px;
	}
	.office_phones li {
		
	}
	.office_phones li .office_phone {
		color: black;
	}
	.office_faxes {
		margin-left: 40px;
		list-style: none;
	}
	.office_faxes::before {
		content: url('/wp-content/uploads/2020/11/fax-machine.png');
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		margin-left: -40px;
	}
	.office_faxes li {
		
	}
	.office_faxes li .office_fax {
		color: black;
	}
	.office_email {
		color: black;
		margin-left: 40px;
	}
	.office_email::before {
		content: url('./icons/mail.png');
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		margin-left: -40px;
	}
	
}
@media(min-width: 767px) and (max-width:921px) {
	#primary{
		padding-left:20px!important;
		padding-right:20px!important;
	}
	.central_offices, .thessaloniki_offices {
		width: calc(50% - 10px);
	}
}