.flame09 {
    margin: 20px 0 20px 150px;
    padding: 1em;
    width: 300px;
    background-color: #cce4ff;
    box-shadow: 0 0 5px 1.5px #a9a9a9;
    }

    @media screen and (max-width: 768px) {
      .flame09 {
        margin: 20px 0 20px 35px;
        padding: 1em;
        width: 300px;
        background-color: #cce4ff;
        box-shadow: 0 0 5px 1.5px #a9a9a9;
        }
    }

    .arrow{
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin: 0 100px 0 300px;
      }
      
      @media screen and (max-width: 768px) {
        .arrow{
          position: relative;
          display: inline-block;
          padding-left: 20px;
          margin: 0 50px 20px 175px;
        }
      }

      .arrow::before{
        content: '';
        width: 20px;
        height: 20px;
        border: 0px;
        border-top: solid 2px #5bc0de;
        border-right: solid 2px #5bc0de;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px;
      }

      @media screen and (max-width: 768px) {
        .arrow::before{
          content: '';
          width: 20px;
          height: 20px;
          border: 0px;
          border-top: solid 2px #5bc0de;
          border-right: solid 2px #5bc0de;
          -ms-transform: rotate(135deg);
          -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
          position: absolute;
          top: 50%;
          left: 0;
          margin-top: -4px;
        }
      }