.banner {
      width: 100%;
        height: 100vh;
      background-image: url(../image/banner-main-1.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      padding: 0;
      opacity: .9;
    }
    a:hover{
          text-decoration: none;
    }
    body{
          font-family: 'Dosis', sans-serif;
    }
    @font-face {
          font-family: 'Dosis';
          font-weight: bold;
          src: url('../font/dosis-bold/Dosis-Bold.ttf');
          src: url('../font/dosis-bold/Dosis-Bold.svg');
          src: url('../font/dosis-bold/Dosis-Bold.woff');
    }

    @font-face {
          font-family: 'dosis';
          font-weight: normal;
          src: url('../font/dosis-bold/dosis-regular.ttf');
          src: url('../font/dosis-bold/dosis-regular.svg');
          src: url('../font/dosis-bold/dosis-regular.eot');
          src: url('../font/dosis-bold/dosis-regular.woff');
    }
    @media (max-width: 991.98px) {
        .banner {
            background-repeat: repeat-y;
            height:100%;

        }
    }