@font-face {
    font-family: sysfontf;
    src: url(../../assets/font/open_sans/OpenSans-Regular.ttf);
  }
  @font-face {
    font-family: sysfontf;
    src: url(../../assets/font/open_sans/OpenSans-Bold.ttf);
    font-weight: bold;
  }
  @font-face {
    font-family: sysfontf;
    src: url(../../assets/font/open_sans/OpenSans-Italic.ttf);
    font-style: italic;
  }
  @font-face {
    font-family: sysfontf;
    src: url(../../assets/font/open_sans/OpenSans-BoldItalic.ttf);
    font-style: italic;
    font-weight: bold;
  }
  
  @font-face {
    font-family: sysfontf;
    src: url(../../assets/font/open_sans/OpenSans-SemiBold.ttf);
    font-weight: 600;
  }
  
  @font-face {
    font-family: logofont;
    src: url(../../assets/font/calibri/Calibri-Regular.ttf);
  }
  @font-face {
    font-family: logofont;
    src: url(../../assets/font/calibri/Calibri-Bold.ttf);
    font-weight: bold;
  }
  @font-face {
    font-family: logofont;
    src: url(../../assets/font/calibri/Calibri-Italic.ttf);
    font-style: italic;
  }
  @font-face {
    font-family: logofont;
    src: url(../../assets/font/calibri/Calibri-Bold-Italic.ttf);
    font-style: italic;
    font-weight: bold;
  }

  @media (max-width: 576px) { 
    section{
      background-color: #61C3D8;
    }
    .bg{
      background-image: none !important;
    }
  }