/*==================================
This stylesheet is used for demo 6
=================================*/

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Thin.ttf");
}

:root{
  /*--family-display: 'Barlow';*/
	
	--family-display: 'Poppins';

 /* --color-primary: #ffffff;*/
  --color-primary: #000000;
  --color-primary-hover: #c6c6c6;
  --color-primary-hue: #FFFAE8;
  --color-primary-rgb: 0, 192, 255;
 /* --color-primary-rgb: 255, 209, 25;*/

  --color-bg-light: #FBFBFB;

  --logo-size-lg: 180px;
  --logo-size-md: 140px;
  --logo-size-sm: 120px;
}

.button.primary{
  color: var(--color-secondary);
}

.section-title .family-display{
  font-size: 50px;
}

@media(max-width: 768px){
  .section-title .family-display{
    font-size: 50px;
  }
}

@media(max-width: 420px){
  .section-title .family-display{
    font-size: 40px;
  }
}