.indexP1{
	width: 90%;
	max-width: 600px;
	margin: auto;
	padding: 1.5em 0;
	margin: auto;
}

.indexP1Phone{
	width: 90%;
	text-align: center;
	padding-bottom: 1em;
	margin: -1.5em auto 0 auto;
}

@media screen and (min-width: 770px){
		.indexP1Phone {
			display: none;
		}
		
}

@media screen and (max-width: 770px){
		.indexP1Phone {
			display: block;
			width: 90%;
			text-align: center;
		}
		.indexP1{
			display: none;
		}
		
}






.indexP2Wrapper {
	width: 100%;
	max-width: 800px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 770px){
		.indexP2Wrapper {
			flex-direction: column;
		}
		
}


.indexP2img {
	width: 50%;
	max-width: 400px;
	
}

@media screen and (max-width: 770px){
		.indexP2img {
			padding-top: 2em;
			width: 90%;
			margin: auto;
		}
		
}

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


.indexP2{
	width: 45%;
	max-width: 400px;
}
@media screen and (max-width: 770px){
		.indexP2 {
			width: 90%;
			margin: 2em auto;
		}
		
}

.indexIconsWrapper{
	width: 90%;
	max-width: 800px;
	display:flex;
	justify-content: space-around;
	margin: 4em auto;
	padding-bottom: 5em;
}

@media screen and (max-width: 770px){
		.indexIcon {
			display: none;
		}
		
}

@media screen and (max-width: 770px){
		#indexIconPhone {
			display: block;
		}
		
}



indexIconPhone