@media(max-width:600px){
html{
    font-size:0.4rem;
}

.container{
	max-width:300px;
}

.hero{
    height:60vh;
}


.hero-text {
	grid-row:3/-1;
	grid-column: 1/-1;

	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.hero-image {
	grid-row:1/3;
	grid-column:1/-1;
}

.hero-image img{
    max-height:100%;
    max-width:100%;
    object-fit: cover;
    border-radius: 0;
}


}