title: How can I change the font size for a <h1> in react bootstrap col?
body: <p>I am importing a css file <em>(app.css)</em> to style the <code>&lt;h1&gt;</code> font. Here is what I have in my app.css file:</p>
  
  <pre><code>.h1 {
    font-size: 100px !important;
  }
  </code></pre>
  
  <p>Here is the react bootstrap column I am trying to render. It renders on the page, but the font size of <code>h1</code> isn't changing. </p>
  
  <pre><code>import React from "react";
  import "../App.css";
  import { Container, Row, Col } from "react-bootstrap";
  
  function HowItWorks() {
    return (
      &lt;Container className="text-center HowItWorks"&gt;
        &lt;Row className="mt-5"&gt;
          &lt;Col xs={12} md={4}&gt;
            &lt;h1&gt;Create Account&lt;/h1&gt;
          &lt;/Col&gt;
        &lt;/Row&gt;
      &lt;/Container&gt;
    );
  }
  
  export default HowItWorks;
  </code></pre>