html {
  height: 100%;
  box-sizing: border-box;
}


body {
		color: #fff; /*Цвет текста на странице*/
		background-attachment: fixed; /* Фон страницы фиксируется */
		background-size: 100%;
		background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
        min-height: 100%;
         display: grid;
  grid-template-rows: auto 1fr auto;
	}

a {
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
   }

.footer {
    position: relative;
   bottom: 0;
    bottom: 0;
    width: 100%;
    padding: 5px;
}

main.container-fluid {margin:0;padding:0;}
.nightmode {
 color:#fff;
}
.daymode {
color:#fff;
}


@media (min-width: 576px) {
#date {font-size:2rem;}
#time {font-size:7rem;}
#time span {font-size:2rem;line-height: 2;}
#photo {width:90%;}
}
@media (min-width: 768px) {
#date {font-size:2.5rem;}
#time {font-size:8rem;}
#time span {font-size:3rem;line-height: 2;}
#photo {width:80%;}
}
@media (min-width: 992px) {
#date {font-size:3rem;}
#time {font-size:9rem;}
#time span {font-size:4rem;line-height: 2;}
#photo {width:40%;}
}
@media (min-width: 1200px) {
#date {font-size:3.5rem;}
#time {font-size:9.5rem;}
#time span {font-size:8.5rem;line-height: 2;}
#photo {width:30%;}
}
.anyClass {
  height:500px;
  overflow-y: scroll;
}



.ww-informers-box-854754{-webkit-animation-name:ww-informers54;animation-name:ww-informers54;-webkit-animation-duration:1.5s;animation-duration:1.5s;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:12px;font-family:Arial;line-height:18px;text-align:center}@-webkit-keyframes ww-informers54{0%,80%{opacity:0}100%{opacity:1}}@keyframes ww-informers54{0%,80%{opacity:0}100%{opacity:1}}