* {
    margin: 0;
    padding: 0;
    outline: 0;
}
html, body {
    background-color: #fcfcee;
    color: #414141;
    font: 12px new courier, Arial;     
}
.selector-for-some-widget {
  box-sizing: content-box;
}
a {
    text-decoration: none;
    color: #414141;
    outline: none;
}
a:hover {
    text-decoration: none;
	color: #faa605;
}
div  {
    color: #414141c;
    font: 13px new courier, Arial;
}
.container_map {
	width: 100%;
	hight: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
/*table
------------------------------------------------------------------------------*/
#header{
	background-color: rgba(0,0,0,0.3);
}
.logo {
	padding:20px;width:auto; max-width:70%; height:auto;
} 
.logo img {
	float:left;
	margin-top:-7px;
}
.logo span{
	padding-left:20px;
    font-size: 5vh;
    color: #366ab5;
    font-family: courier new;
}
.info{
	background-color:#f0f0f0;
	float:left;
}
#plinfo{
	background-color: rgba(0,0,0,0.1);
	font-size:14px;
    font-family: Open sans;
	color:#366ab5;
	padding:5px;
	text-align:center;
}
.dat {
	padding-left:20px;
}
.dat p{
    font-size: 10px; 
    margin-top: 5px; 
    margin-bottom: 3px; 
    color: #366ab5;
}
/* Footer
-----------------------------------------------------------------------------*/
#footerwrap { 
	/*position: absolute; */
	width: 100%; 
	bottom: 0px; 
}
#footer { 
	position: relative; 
	margin: 0 auto;
	border: 1px dashed black; 
	width: 760px; 
}
/* ---- Мобільні---- */
.anounce[hidden] {
  display: none;
  
  @media (min-width: 400px) {
    display: block;
  }
}
@media screen and (max-width: 414px) {
	.anounce {
		display: none;
	} 
}