.roboto-thin {
    font-family: "Roboto", serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", serif;
    font-weight: 600;
    font-style: normal;
}


.roboto-bold {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: normal;
}

.raleway-thin {
    font-family: "Raleway", serif;
    font-weight: 100;
    font-style: normal;
}

.raleway-light {
    font-family: "Raleway", serif;
    font-weight: 300;
    font-style: normal;
}

.raleway-regular {
    font-family: "Raleway", serif;
    font-weight: 400;
    font-style: normal;
}

.raleway-medium {
    font-family: "Raleway", serif;
    font-weight: 500;
    font-style: normal;
}

.raleway-bold {
    font-family: "Raleway", serif;
    font-weight: 700;
    font-style: normal;
}

.play-regular {
    font-family: "Play", serif;
    font-weight: 400;
    font-style: normal;
}


.play-medium {
    font-family: "Play", serif;
    font-weight: 520;
    font-style: normal;
}
  
  .play-bold {
    font-family: "Play", serif;
    font-weight: 700;
    font-style: normal;
}