/* css styles */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
       unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    
}
body {
font-family: Dosis,Helvetica,Verdana;
font-size: 100%;
}

li {
font-family: Dosis,Helvetica,Verdana;
}

h1, h2, h3, h4 {
font-family: Dosis,Helvetica,Verdana;
}

h1 {font-size: 120%;}
h2 {font-size: 110%;}
h3 {font-size: 100%; font-style: italic;}
h4 {font-size: 100%;}

.news-blog 
{
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
 /* 100% height of the viewport */ 
 height: 150vh;
}