.grid-wrapper {
    display: grid;
	grid-column-gap: 1%;
    grid-template-columns: 60% 39%;
    position: relative;   
}

.grid-image {
    height: 100%;
}

.grid-image img { 
    height: 100%;
    object-fit: cover;
	width: 100%;
}

.grid-item:first-child {
    grid-column: 1;
}

.grid-item:last-child {
    grid-column: 2;
    place-self: center;
}

.grid-item {
    position: relative;
}

.grid-content {   
    background-color: rgba(59, 59, 58, .65);
    color: #ffffff;
	width: 100%;
}

.grid-item:first-child .grid-content {
	bottom: 0;
    position: absolute;   
}

.grid-content h2 {
	color: #ffffff;
	font-size: 20px;
	margin: 0;
    padding: 45px 30px; 
}

.grid-item:first-child .grid-content h2 {
    font-size: 26px;
}

.grid-item:last-child .grid-content {
    background-color: rgba(59, 59, 58, .5);
}

.grid-item:last-child .grid-content h2 {
    font-size: 20px;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.grid-content h2 {
	  padding: 30px 20px;
	}
	
	.grid-item:first-child .grid-content h2 {
	  font-size: 24px;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.grid-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .grid-item {
        margin-bottom: 10px;
    }
	
	.grid-wrapper-top .grid-item:last-child {
        margin-bottom: 0;
    }	
	
	.grid-item:last-child .grid-content {
		bottom: 0;
		position: absolute;
	}
	
	.grid-item:first-child .grid-content h2,
	.grid-item:last-child .grid-content h2 {
		font-size: 22px;
	}
	
	.grid-content {
        top: 50%;
        left: 50%;
        height: 100%;
        transform: translateX(-50%) translateY(-50%);
    }

    .grid-content h2 {
        left: 50%;
		padding: 20px 15px;
		position: absolute;
		text-align: center;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 90%;
    }
}

@media (max-width: 650px) {
	.grid-item:first-child .grid-content h2,
	.grid-item:last-child .grid-content h2 {
	  	font-size: 22px;	
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.grid-item:first-child .grid-content h2,
	.grid-item:last-child .grid-content h2 {
	  	font-size: 20px;
	}
}