/*First SASS page*/
/* line 2, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

/* line 7, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
body {
  font-size: 100%; }

/* line 8, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
img {
  max-width: 100%; }

/*isotopes*/
/* line 13, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
.grid-item {
  width: 24%;
  min-height: 300px;
  background-color: lavender;
  background-size: cover;
  background-position: center;
  margin: 1px; }

/* line 21, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
.grid-item-width2 {
  width: 49%;
  background-color: azure;
  min-height: 300px;
  background-size: cover;
  background-position: center; }

/* line 27, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
.button {
  min-width: 100px;
  height: 50px;
  background-color: white;
  border-radius: 15px;
  padding: 5px;
  color: mediumpurple; }

/* line 34, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
.cat1 {
  background-image: url(images/cat1.png); }

/* line 36, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
.cat2 {
  background-image: url(images/cat2.jpg); }

/* line 38, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
.dog1 {
  background-image: url(images/pup1.jpg); }

/* line 40, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
.dog2 {
  background-image: url(images/pup2.jpg); }

/* Tablet */
@media screen and (min-width: 501px) and (max-width: 900px) {
  /* line 47, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
  .grid-item {
    width: 49%; } }

/*closing tablet*/
/* Mobile */
@media screen and (max-width: 500px) {
  /* line 57, /Users/kaylamaskornick/Desktop/isotopes/style.scss */
  .grid-item {
    width: 100%; } }

/*closing mobile*/

/*# sourceMappingURL=style.css.map */