
.collection-grid {
    min-width: 1200px;
}
.collection-title {
    grid-column: 1 / 5;
    grid-row: 1 / 2;
    margin: 120px 0 40px;
    padding-left: 60px;
    
}

.first-collection a:hover {
    color:rgba(182, 0, 0, 1);
    cursor:pointer;
}

.second-collection a:hover {
    color:rgba(182, 0, 0, 1);
    cursor:pointer;
}

.third-collection a:hover {
    color:rgba(182, 0, 0, 1);
    cursor:pointer;
}

.fourth-collection a:hover {                    
    color:rgba(182, 0, 0, 1);
    cursor:pointer;
}

.first-collection, .second-collection, 
.third-collection, .fourth-collection img {
    cursor:pointer;
}

.title-collection-1,
.title-collection-2 {
    margin: 0;
    font-weight: 400;
}

.title-collection-1 {
    font-family: "Raleway", sans-serif;
    font-size: 50px;
    margin-bottom: -20px;
}

.title-collection-2 {
    font-family: "BRUSHY", cursive;
    font-size: 240px;
    color: rgba(182, 0, 0, 1);
}

.collection-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 200px);
    gap: 20px;
    margin: 120px 0 10px;
    padding-left: 60px;
    max-width: 1440px;
    margin: 0 auto;

    }

.first-collection {
    font-size: 28px;
    grid-column: 1 / 6;
    grid-row: 4 / 6;
    margin-top: -100px;
    margin-left:50px;
    padding: 0;
    align-content:flex-start;
}

.image-1 {
    width: 80%;
    display: block;
    margin: 0;
}

.title-1 {
    display: block;
    margin-top: 20px;
    text-decoration: none;
    color: black;
}

.second-collection {
    font-size: 28px;
    margin: 0;
    padding: 0;
    grid-column: 7 / 10;
    grid-row: 2 / 4;
    align-self: start;
    margin-top: -70px;
}

.image-2 {
    width: 130%;
    display: block;
    margin: 10px 0px;
}
 .title-2 {
    display: block;
    margin-top: 20px;
    text-decoration: none;
    color: black;
 }

.third-collection {
    font-size: 25px;
    grid-column: 8 / 11;
    grid-row: 6 / 8;
}

.image-3 {
    width: 120%;
}

.title-3 {
    display: block;
    margin-top: 20px;
    text-decoration: none;
    color: black;
 }

.fourth-collection {
    font-size: 25px;
    grid-column: 2 / 6;
    grid-row: 8 / 10;
}

.image-4 {
    width: 100%;
}

.title-4 {
    display: block;
    margin-top: 20px;
    text-decoration: none;
    color: black;
 }