* { 
  margin:0; padding:0; 
  user-select:none; 
  color:#000; 
  font-family:Helvetica, Arial;
}

body {
  padding-bottom:100px;  
  font-size:14px;
  line-height:16px;
}
h1 { font-size:2.5em; line-height:1em; }
h2 { font-size:3em; line-height:1.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; }
ul { padding-left:50px; }
li { font-size: 1.5em; line-height: 1.4em; }

.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:100%; 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;
  pointer-events: none;
  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); }

.vv-section {
  position: relative;
  width: 85%;
  margin-top: 150px;
  margin-right: 5%;
  margin-left: 10%;
}

.vv-mb { margin-bottom:25px; }
.vv-sm { }
.vv-disable { opacity:0.25; }

/* Medium devices (landscape tablets, 768px and up) */
@media (width >= 768px) {
  h1 { font-size:2.5em; }
  h2 { font-size:3em; line-height:1.2em; }
  p { font-size:1.5em; line-height:1.4em; }
  ul { padding-left:25px; }
  li { font-size: 1.5em; line-height: 1.4em; }
  a { /* font-size:1em; */ }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media (768px > width >= 600px) {
  h1 { font-size:3.5em; }
  h2 { font-size:2.2em; line-height:1.2em; }
  p { font-size:1.8em; line-height:1.4em; }
  ul { padding-left:25px; }
  li { font-size: 1.8em; line-height: 1.4em; }
  a { /* font-size:1em; */ }
}
/* Extra small devices (phones, 600px and down) */
@media (width < 600px) {
  .vv-section {
    position: relative;
    width: 85%;
    margin-top: 70px;
    margin-right: 5%;
    margin-left: 10%;
  }

  h1 { font-size:1.5em; }
  h2 { font-size:1.5em; line-height:1.2em; }
  p { font-size:1.2em; line-height:1.2em; }
  ul { padding-left:5%; }
  li { font-size: 1.2em; line-height: 1.2em; }
  a { /* font-size:1em; */ }
}