* { 
  margin:0; padding:0; 
  user-select:none; 
  background-color:#fff; 
  color:#000; 
  font-family:Helvetica, Arial;
  font-size:14px;
  line-height:16px;
}

body { padding-bottom:100px; }
h1 { font-size:2.5em; line-height:1em; }
h2 { font-size:3em; line-height:2em; margin-bottom: 10px; }
p { font-size:1.3em; line-height:1.3em; margin-top:5px; margin-bottom:10px; }
a { font-size:1.3em; margin-top:5px; margin-bottom:10px; }

.vv-hide { display:none; }
.vv-margin-top { margin-top:50px; }

.vv-a-title { font-size:1.1em; }
.vv-a-follow { font-size:0.4em; }

.vv-news { position:relative; width:70%; margin:10px auto 0 auto; height:350px; transition: height 1s ease; }
.vv-news-hidden { overflow:hidden; cursor:pointer; }
.vv-news-bottom { 
  position:absolute; 
  left:0; bottom: -30px; 
  width:100%; height:120px; 
  background: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.7) 25%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
  opacity:1;
  transition: opacity 0.8s ease;
  transition-delay: 250ms;
}
.vv-news-icon { position:relative; width:40px; height:40px;margin-top:50px;margin-bottom: 10px; }
.vv-news-ic { width:40px; height:40px; }
.vv-news-tbc { position:absolute;left:0;bottom:0;font-size:30px;background: rgba(0,0,0,0); }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  h1 { font-size:3em; }
  h2 { font-size:2.1em; line-height:2.1em; }
  p { font-size:1.5em; line-height:1.2em; }
  a { font-size:1em; }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  h1 { font-size:3em; }
  h2 { font-size:2.2em; line-height:2.2em; }
  p { font-size:1.5em; line-height:1.2em; }
  a { font-size:1em; }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  h1 { font-size:2.5em; }
  h2 { font-size:3em; line-height:2em; }
  p { font-size:1.5em; line-height:1.2em; }
  a { font-size:1em; }
}