.greeting-container {
    height: 70vh;
    margin: 210px 210px 210px 210px;
    position: relative;
}

.message {
    line-height: 2;
    font-size: 16px;
    font-weight: bold;
}

.message p {
    margin-bottom: 35px;
}

.name {
    position: absolute;
    /*bottom: -100px;*/
    right: 0;
	margin-top: 70px;
    margin-bottom: 140px;
}

.name p {
    margin-bottom: 35px;
    font-size: 16px;
    font-weight: bold;
}

.name img {
    width: 340px;
	height: auto;
	object-fit: fill;
}

@media screen and (max-width: 1300px) {
    .greeting-container {
        margin: 210px 70px 210px 70px;
    }
}

@media screen and (max-width: 1000px) {
    .greeting-container {
        margin: 210px 30px 210px 30px;
        height: 100vh;
    }
}

@media screen and (max-width: 750px) {
    .name {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 500px) {
    .name {
		margin-top: 50px;
        margin-bottom: 70px;
    }
	
	.name img {
		width: 240px;
	}
}

@media screen and (max-width: 450px) {
	.greeting-container {
		height: 120vh;
	}
}