/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.tile {
  height: 300px;
  background-size: cover;
  position: relative;
  border-radius: 5px; }

.tile-detail {
  position: absolute;
  bottom: 6px;
  padding-left: 15px;
  color: white; }
  .tile-detail p {
    color: white;
    margin-bottom: 5px; }
  .tile-detail h2 {
    color: white;
    font-size: 40px; }
    @media only screen and (max-width: 1200px) {
      .tile-detail h2 {
        font-size: 32px; } }
    @media only screen and (max-width: 1023px) {
      .tile-detail h2 {
        font-size: 26px; } }