.block {
	display: flex;
    height: auto;
    width: 70%;
    margin: 32px auto;
    color: #fff;
}

.block h1 {
    margin-top: 0px;
    padding: 40px 40px 0px 40px;
}

.block p {
    padding: 40px;
}

.cont-1 {
	width: 50%;
    height: auto;
    margin: 1%;
}

.cont-2 {
	width: 50%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 1%;
}

.block-1 {
	width: 100%;
    height: 100%;
	background-image: url("images/Reclaimed-Sleepers/Reclaimed_Sleepers_Truck.webp");
    background-position: center;
    background-size: cover;
}

.block-1-overlay {
    background: #0000009d;
    height: 100%;
}

.block-2 {
	width: 100%;
    height: 49%;
    background: #c0c0c0;
	margin-bottom: 2%;
    background-image: url("images/Reclaimed-Sleepers/Reclaimed_Sleepers_Pack.webp");
    background-position: center;
    background-size: cover;
}

.block-3 {
    width: 49%;
    height: 50%;
    background-image: url("images/Reclaimed-Sleepers/Reclaimed_Sleepers_Pack_2.webp");
    background-position: center;
    background-size: cover;
}

.block-4 {
    width: 49%;
    height: 50%;
    background-image: url("images/Reclaimed-Sleepers/Reclaimed_Sleepers_Pack_3.webp");
    background-position: center;
    background-size: cover;
}

.block-3 {
	margin-right: 2%;
}

.block-4 {
}

@media screen and (max-width:600px) {
    .block {
    	display: block;
        height: auto;
	}

    .block p {
        margin: 0px;
    }
    
    .block-1 {
    	width: 100%;
        height: auto;
        margin-top: 2%;
        display: block;
	}

	.block-2, .block-3, .block-4 {
    	width: 100%;
        height: 40%;
        margin-top: 1%;
        margin-bottom: 1%;
        display: block;
	}

    .block-1-overlay {
        height: auto;
    }
    
    .cont-1, .cont-2 {
		display: block;
        width: 100%;
        height: auto;
        margin: 0px;
	}
}