Global Style for style.css Starting Template

style.css

/* Montserrat Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap');

/* Global Style Starting Template*/

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box
}


/* 1rem = 10px */
html{
  font-size: 62.5%;
  font-family: 'Montserrat', sans-serif;
}


/* Media Queries - based on https://getbootstrap.com/docs/4.4/layout/overview/#responsive */


// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }