header {
	background-image: url(../jpg/carrier-registration-header.jpg);
	background-position: left 30%;
	background-size: 130%;
}

header .textwrapper {
	margin: auto auto 2rem auto;
	max-width: 450px;
	text-align: center;
}

section.first {
	padding-bottom: 0;
	margin-bottom: -2rem;
}

section.first .container {
	margin-bottom: -0.5rem;
	flex-direction: row;
}

section.first .textwrapper {
	text-align: left;
	max-width: 600px;
	margin: 0;
	margin-top: 1rem;
}

section.first .container .box:hover .icon {
	transform: scale(1.1);
}

section.first .container .box div {
	transition: transform var(--ease);
}

section.first .container .box:hover div:not(.title) {
	transform: translateY(0.5rem);
}

.phoneImg {
	max-width: 300px;
    height: auto;
    margin: 0 2rem 0 0;
}

.phoneImg img {
	width: 100%;
	height: auto;
}

#formfill .icon {
	width: 12.5rem;
	height: auto;
	margin-top: -1rem;
}

@media screen and (min-width: 1650px), screen and (min-device-width: 1650px){
	
	header {
		background-position: left center;
		background-size: cover;
	}
}

@media screen and (max-width: 1050px), screen and (max-device-width: 1050px){

	header {
		background-position: left top;
		background-size: 100%;
	}

	section.first .container {
		flex-direction: column-reverse;
	}

	section.first .textwrapper {
		text-align: center;
		margin: auto;
		margin-bottom: 1rem;
	}

	.phoneImg {
		margin: auto;
	}
}

@media screen and (max-width: 550px), screen and (max-device-width: 550px){

	header {
		background-position: right top;
		background-size: cover;
	}