:root body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 80%;
	text-decoration: none;
	
	background: white;
}

p
{
	margin-bottom: 1%;
	width: 100%;
}

hr
{
	border-top: 1px solid #cd2653;
}

a, a:active, a:link, a:visited
{
	color: #cd2653;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

a:hover
{
	color: gray;
	font-variant: small-caps;
}

ul
{
	list-style-type: square;
}

li
{
	margin-bottom: 1%;
}


table, td, th 
{
	border: 0px solid;
	text-align: left;
	vertical-align: top;
	font-size: 100%;
}

.logo_start
{
	position: fixed;
	top: -10%; left: -10%;
	transform: translate(-50%, -50%);
	animation-name: logo_anim;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	border-style: solid;
	border-width:  0px;
	z-index: 10;
}

@keyframes logo_anim 
{
  0%   {top: 110%; left: 110%; width: 10%;}
  75% {top: 50%; left: 50%; width: 50%;}
  100% {top: 7%; left: 10%; width: 13%;}
}

.ban_pic
{
	display: inline-block;
	width: 15%;
	margin-left: 2%;
}

.top_ban
{
	position: fixed;
	top: 3%; left: 20%;
	width: 80%;

	text-align: right;
	border-style: solid;
	border-width: 0px;
	
	z-index: -1;
}

.main_block
{
	position: fixed;
	top: 10%; left: 3%;
	width: 97%;
	overflow-y: scroll;
	max-height: 85%;
}

.part_single
{
	display: inline-block;
	vertical-align: text-top;
	border-style: solid;
	border-width:  0px;
	margin-bottom: 10%;
}

div.gall_min
{
	display: inline-block;
	padding-left: 0.5%;
	padding-right: 0.5%;
	vertical-align: top;
}

div.pics_title
{
	color: #cd2653;
	font-weight: bold;
	font-size: 130%;
	font-variant: small-caps;
}

p.gallery
{
	color: #cd2653;
	font-weight: bold;
	font-variant: small-caps;
}

.modal_title
{
	color: #cd2653;
	background-color: white;
	opacity: 0.75;
	font-weight: bold;
	ont-variant: small-caps;
	padding: 1%;
}

.modal_desc
{
	background-color: white;
	opacity: 0.75;
	font-weight: bold;
	ont-variant: small-caps;
	padding: 1%;
}

div.container
{
	position: relative;
}

div.info_top_right 
{
  position: absolute;
  top: 1%;
  right: 1%;
  background-color: white;
  opacity: 0.5;
  padding-left: 1%;
  padding-right: 1%;
}

div.info_top_left
{
  position: absolute;
  top: 1%;
  left: 1%;
  padding-left: 1%;
  padding-right: 1%;

  opacity: 1;
}

img.modal_img
{
	max-width: 95%;
}

.footer
{
	position: -webkit-sticky;
	position: sticky;
	position: fixed;
	bottom: 0;
	left: 0;
	margin-bottom: 5px;
	width: 100%;
  
	font-size: 85%;
	word-spacing: 2px;
	color: gray;
	text-align: center;
	background:  rgba(255, 255, 255, 0.75);
	z-index: 1;
}

@media screen and (max-width: 1050px) 
{
  :root body
  {
	  overflow-y: scroll;
  }
  
  .top_ban
  {
	top: 5%; left: -25%;
	width: 125%;
	
	opacity: 0.0;
	animation-name: ban_show;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	
	z-index: -1;
  }
  
  @keyframes ban_show 
  {
	0%   {opacity: 0.0;}
	100% {opacity: 1.0;}
  }
  
  .main_block
  {
	position: fixed;
	width: 97%;
	top: 17%; 
	left: 3%;
	max-height: 83%;
  }
  
  .part_single
  {
	margin-left: 0%;	  
	position: static;
	display: block;
	width: 100%;
	margin-bottom: 10%;
  }
  
  p.gallery
{
	color: #cd2653;
	font-weight: bold;
}

  
  div.gall_min
  {
	display: block;
	padding-left: 0.2%;
	padding-right: 0.2%;
	vertical-align: top;
	width: 80%;
  }
  
}