@media only screen and (max-width:620px) {
	h1 img {
		width: 100%;
		height: auto
	}
	
	.box {
		width: 100%;
		font-size: 120%;
	}
	
	.page-template-default .grey .text-right {
		text-align: center
	}
	
	.page-template-default .grey .text-right h1 {
		margin-bottom: 0
	}
	
	.mt15 span.blue {
		display: block
	}
	
	.page-template-default .grey .text-right h1 img  {
		width: 80%;
		margin: 20px 0 0 0;
	}
}

@media only screen and (max-width:420px) {
	.box {
		padding: 25px;
	}
}

@media only screen and (max-height:600px) {
	.box {
		position: relative;
		transform: none;
		left: 0;
		top: 0;
		width: fit-content;
		text-align: center;
		margin: 0 auto;
	}
	
	.bg {
		height: 100%;
	}
	
	body::before{
		display: none
	}
	
	section {
		padding: 0
	}
}