@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
.car-price-list {
  display: block;
  width: 80%;
  margin: 150px auto;
  font-size: 0; }
  @media only screen and (max-width: 768px) {
    .car-price-list {
      width: 96%; } }
  .car-price-list h1 {
    display: block;
    font-size: 46px;
    font-weight: 300;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    letter-spacing: 20px; }
    @media only screen and (max-width: 768px) {
      .car-price-list h1 {
        font-size: 26px; } }
  .car-price-list .car-item {
    display: inline-block;
    width: calc(33.33% - 40px);
    overflow: hidden;
    margin: 40px 20px; }
    @media only screen and (max-width: 768px) {
      .car-price-list .car-item {
        margin: 30px 5px;
        width: calc(100% - 10px); } }
    .car-price-list .car-item .img-cont {
      display: block;
      height: 700px;
      margin-bottom: 10px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      transition: all .5s; }
      @media only screen and (max-width: 768px) {
        .car-price-list .car-item .img-cont {
          height: 500px; } }
      .car-price-list .car-item .img-cont:hover {
        transform: scale(1.1); }
    .car-price-list .car-item .info {
      display: block;
      padding: 20px 0;
      text-align: center; }
      .car-price-list .car-item .info .year, .car-price-list .car-item .info .name, .car-price-list .car-item .info .price {
        display: block;
        padding: 5px 0;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        letter-spacing: 10px; }
      .car-price-list .car-item .info .name {
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        letter-spacing: 10px; }