body {
    font-family: sans-serif;
  }
  
  .h1 {
    margin: 10px 0 0;
    text-align: center;
    color: #444;
  }
  
  .tagline {
    margin: 10px 0 0;
    text-align: center;
  }
  
  .tagline,
  .tagline a {
    color: #aaa;
    text-decoration: none;
  }
  
  ul.containercar {
    width: 260px;
    padding: 0;
    margin: 15px;
    border: 10px solid #2d5c3a;
    box-shadow: 0px 2px 3px #2d5c3a;
  
  }
  
  ul.containercar li {
    background: #fff;
    color: #532a02;
    list-style-type: none;
    padding: 1em;
    margin: 0;
    transition: background-color 0.5s;
  }

  ul.containercar a {
    color: #ddd;
    list-style-type: none;
    padding: 1em;
    margin: 0;
    transition: background-color 0.5s;
  }
  
  ul.containercar li:nth-child(2) {
    color: rgb(226, 163, 26);
    background: #532a02;
  }

  ul.containercar a:nth-child(2) {
    color: rgb(226, 163, 26);
    background: #532a02;
  }


  .pagination a.active {
    background-color: rgb(226, 163, 26);
    color: white;
  }
  
  .pagination a:hover:not(.active) {background-color: #ddd;}
  
  @media (min-width: 300px) and (max-width: 334px) {
    ul.containercar {
      width: 190px;
      padding: 0;
      margin: 15px;
      border: 10px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;

    } }

  @media (min-width: 500px) and (max-width: 575px) {
    ul.containercar {
      width: 380px;
      padding: 0;
      margin: 15px;
      border: 1px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;

    } }

  @media (min-width: 399px) and (max-width: 499px) {
    ul.containercar {
      width: 290px;
      padding: 0;
      margin: 15px;
      border: 1px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;

    } }


  @media (min-width: 576px) and (max-width: 768px) {
    ul.containercar {
      width: 120px;
      padding: 0;
      margin: 15px;
      border: 1px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;
    
    } }
    
  @media (min-width: 769px) and (max-width: 1199px) {
    ul.containercar {
      width: 225px;
      padding: 0;
      margin: 15px;
      border: 1px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;
    
    } }

  @media (min-width: 1200px) and (max-width: 1400px) {
    ul.containercar {
      width: 225px;
      padding: 0;
      margin: 15px;
      border: 1px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;
    
    } }
  @media (min-width: 365px) and (max-width: 398px) {
    ul.containercar {
      width: 260px;
      padding: 0;
      margin: 15px;
      border: 10px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;

    } }

  @media (min-width: 335px) and (max-width: 364px) {
    ul.containercar {
      width: 220px;
      padding: 0;
      margin: 15px;
      border: 10px solid #2d5c3a;
      box-shadow: 0px 2px 3px #2d5c3a;

    } }