body{
background-image:url(../img/Фон.jpg);
margin:10px 1% 10px 1%;
}
header{
display:table;
margin:auto;
text-align:center;
font-style:italic;
padding: 15px 0;
}
header>div{
display:table-cell;
text-align:center;
vertical-align:middle;
font-family:Arial;
font-size:30px;
font-weight:bold;
color:#e6cf9d;
text-shadow:1px 3px 3px black;
float:left;
}

h1{
font-size:60px;
margin:10px;
}
.content{
background-color:rgba(0,0,0,0.5);
box-shadow:0px 0px 10px black;
color:#e6cf9d;
width:95%;
margin:auto;
font-size:24px;
border-radius:3px;
}

#calendar2 {
  line-height: 1.0em;
  font-size: 24px;
  text-align: center;
  #background-image:url(../img/Текст.jpg);
  width:90%;
  margin:auto;
  border-radius:3px;
  #box-shadow:1px 3px 3px black;
  text-shadow:0px 0px 2px white;
}
#calendar2 thead tr:last-child {
  font-size: small;
  color: rgb(85, 85, 85);
}
#calendar2 thead tr:nth-child(1) td:nth-child(2) {
  color: rgb(50, 50, 50);
}
#calendar2 thead tr:nth-child(1) td:nth-child(1):hover, #calendar2 thead tr:nth-child(1) td:nth-child(3):hover {
  cursor: pointer;
}
#calendar2 tbody td {
  color: rgb(44, 86, 122);
  text-shadow:0px 0px 2px white;
}
#calendar2 tbody td:nth-child(n+6), #calendar2 .holiday {
  color: rgb(231, 140, 92);
  text-shadow:0px 0px 2px black;
}
#calendar2 tbody td.today {
  background: rgb(220, 0, 0);
  color: #fff;
}
nav{
background-image:url(../img/Текст.jpg);
color:#1c4120;
padding:1%;
margin:1%;
float:left;
font-size:22px;
border-radius:3px;
box-shadow:1px 3px 3px black;
width:340px;
}
nav img{
height:32px;
visibility:hidden; 
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.caption{
text-align:center;
font-size:32px;
font-weight:bold;
#text-shadow:1px 2px 3px black;
text-decoration:underline;
}
article{
#text-shadow:1px 2px 2px black;
margin:15px;
font-style:italic;
}
p{
margin-top:10px;
text-indent:20px;
}
footer{
width:95%;
margin:auto;
}
a{
color:#1c4120;
}
.foto{
display:table !important;
width:90%;
margin:auto;
text-align:center;
}
.foto>div{
display:table-row !important;
}
.foto>div>div{
display:table-cell !important;
}
.foto>div>div>a>img{
width:95%;
}
.otzyv{
background-image:url(../img/Текст.jpg);
width:500px;
max-width:100%;
margin:auto;
background-image:url(../img/Текст.jpg);
color:#1c4120;
border-radius:3px;
box-shadow:1px 3px 3px black;
}
.otzyv>div{
margin:10px;
padding:10px;
}
.otzyv>div>div{
width:100%;
word-wrap: break-word;
}
.otzyv>div>div:nth-child(1){
text-align:center;
text-decoration:underline;
}

.new_year{
background-image:url(../img/НГ.jpg);
background-size: 100% 100%;
display:block;
font-size:8vw;
font-weight:bold;

color:red;
text-shadow:3px 3px 8px green;



font-style:italic;
}

.new_year>div{
position:relative;
top:10%;
left:5%;

width:90%
}

@media screen and (max-width: 960px) {
  header>div:nth-of-type(1), header>div:nth-of-type(3){
  display:none;
  }
  
}

@media screen and (max-width: 580px) {
  nav{
    float:unset;
    width: 94%;
    margin: auto;
  }
}

#olen{
  position:fixed;
  bottom:-34vh;
  right:0vw;
  max-width:90vw;
  transition: 2s;
}
#olen:hover{
  position:fixed;
  bottom:-1vh;
  right:0vw;
  max-width:90vw;
}

@import url('https://fonts.googleapis.com/css?family=Bad+Script|Caveat:400,700|Marck+Script&subset=cyrillic,latin-ext');
  .podarok {
      width: 300px;
      height: 270px;
      background: url(poloski.gif);
      color: rgb(17, 0, 106);
      box-sizing: border-box;
      right: calc(10% - 32px);
      position: fixed;
      top:-270px;
      transition: top 2s ease-out, opacity 1s ease-in;
  }
  .podarok_show{
      top:45px;
  }
  .podarok_hide{
      opacity: 0;
  }
  .podarok>div {
      width: 280px;
      height: 200px;
      background-color: white;
      position: relative;
      left: 10px;
      top: 20px;
      font-family: 'Marck Script', cursive;
      color: rgb(17, 0, 106);
  }
  .podarok>div>div:nth-child(1){
      font-size: 48px;
      font-family: "Marck Script";
      text-align: center;
  }
  .podarok>div>div:nth-child(1)>span{
      border-bottom: 3px rgb(17, 0, 106) solid;
  }
  .podarok>div>div:nth-child(2){
      padding: 20px 2px 0px 19px;
      font-size: 37px;
      font-family: "Marck Script";
      color: rgb(17, 0, 106);
      line-height: 0.972;
  }
  #close_podarok {
      font-size: 24px;
      font-family: "Arial";
      position: relative;
      background-color: white;
      border-radius: 35px;
      height: 27px;
      width: 23px;
      left: 135px;
      top: 32px;
      padding: 0px 0px 0px 7px;
      box-shadow: 0 0 2px rgba(240, 156, 0, 0.795);
      cursor: pointer;
  }
#certs img:nth-child(n+2){
margin:2px;
width:95%;
max-width:200px;
}
video{
max-width:100%;
}