.block3_elem {
	width:100%;
	max-width:1100px;
	min-height:480px;
	position: relative;
	padding:0px; 
	margin: auto; 
	border:dotted 0px red; 
	border-radius:10px; 
	overflow: visible; /* заставит родителя рассчитать свою высоту, включая высоту обтекаемых дочерних элементов. иначе те которые float - вылезают за границу. */
}

/* MEDIA ВНИЗУ */


	/* ДОЛЖНОСТЬ */
	[class^="dolj_view"] {
        font-family: 'TT Travels Regular';
		font-weight:normal;
		text-transform: uppercase;
	}
		.dolj_view1 {
			color:#004F9F;
		}
		.dolj_view2 {
			color:#fff;
		}
	/* ФИО */
	[class^="fio_view"] {
        font-family: 'TT Travels ExtraBold';
		font-size:1.5em;
		font-weight:bold;
		margin-top:1em;
		margin-bottom:1em;
	}
		.fio_view1 {
			color:#004F9F;
		}
		.fio_view2 {
			color:#fff;
		}
	/* TEL */
	[class^="tel_view"] {
		margin-top:0.05em;
		font-style: italic;		
	}
		.tel_view1 {
			color:#004F9F;
		}
		.tel_view2 {
			color:#fff;
		}	

	[class*="_view1"] a { color:#004F9F; }
	[class*="_view2"] a { color:#FFFFFF; }


	/* EMAIL */
	[class^="email_view"] {
		margin-top:0.05em;
		font-style: italic;		
	}
		.email_view1 a {
			color:#004F9F;
		}
		.email_view2 a {
			color:#fff;
		}
	/* GEO */
	[class^="geo_view"] {
		margin-top:0.05em;
		font-style: italic;		
	}
		.geo_view1 {
			color:#004F9F;
		}
		.geo_view2 {
			color:#fff;
		}
	[class^="linkdocPict"] {
		width:23px;
		margin-right:0.5em;
		margin-left:0.5em;
		display:inline-block;
	}



.mytext {
	font-size:23px;
	position: absolute;
	width:60%
	background-color:rgba(200,200,200,0.05); /* полупрозрачный фон для читаемости */
	width:75%;
	top: 4%;
	color:red;
	padding: 10px;
	line-height: 150%;
	-border:solid red 1px;
	border-radius:30px;
}
	.mytext_view1  {
		text-align:right;
		right: 1%;
		color: #004F9F; /* синий цвет текста */
		text-shadow: -1px -1px 1px rgba(255,255,255,0.5),   1px 1px 1px rgba(255,255,255,0.5);
	}
	.mytext_view2  {
		text-align:left;
		left: 1%;
		color: white; /* белый цвет текста */
		text-shadow: #004F9F 1px 0 5px;
	}



.myfoto {
	position: absolute;
	height: 440px;
	vertical-align: bottom;
	margin:0 30px 0 30px;
	-border:solid blue 1px;
	border-radius:30px;
	bottom:0px;
}
	.myfoto_1 { -float:left; left: 1%; }
	.myfoto_2 { -float:right; right: 1%; }

	@media (min-width:   1px) and (max-width: 480px) {.block3_elem { min-height: 250px;}} /* и тоже самое у фото .myfoto*/
	@media (min-width: 481px) and (max-width: 767px) {.block3_elem { min-height: 350px;}}
	@media (min-width: 768px) and (max-width: 979px) {.block3_elem { min-height: 450px;}}

	@media (min-width:   1px) and (max-width: 480px) {.myfoto { height: 250px; margin:0px; }}
	@media (min-width: 481px) and (max-width: 767px) {.myfoto { height: 350px;}}
	@media (min-width: 768px) and (max-width: 979px) {.myfoto { height: 420px;}}

	@media (min-width:   1px) and (max-width: 480px) {.mytext { font-size: 2.9vw;}}
	@media (min-width: 481px) and (max-width: 767px) {.mytext { font-size:2.6vw;}}
	@media (min-width: 768px) and (max-width: 979px) {.mytext { font-size:2.3vw;}}