.main-container{
	width: 45vh;
}

.phone-container {
    position: relative;
}

.phone-container .overlay-text {
    position: absolute;
    top: 8%;
    left: 30%;
    width: 70%;
    text-align: center;
    color: white;
}

.screen-text{
	font-size: 20px;
}

.screen-button{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 25px;
}

@media screen and (max-width: 1200px) {
	.phone-container .overlay-text {
		position: absolute;
		top: 30%;
		left: 66%;
		transform: translate(-50%, -50%);
		padding-left: 40px;
		padding-right: 40px;
	}
	.screen-text{
		font-size: 20px;
	}
	.screen-button{
		padding-left: 5px;
		padding-right: 5px;
		font-size: 15px;
	}
}
