/* Custom, iPhone Retina */
@media only screen and (max-width : 900px) {
	.menu2 {
		width: 100%;
		max-height: 0;
		overflow: hidden;
		text-align: center;
	}
	.list {
		display: flex;
        width: 100%;
		justify-content: center;
		align-items: start;
		flex-wrap: wrap;
		text-align: center;
	}
    .list li a {
        margin-top: 30px;
    }
	header label {
		display: flex;
		cursor: pointer;
	}
	#toggle:checked ~ .menu2 {
		max-height: 100%;
	}
	.btn_contact {
		margin-top: 20px;
	}
	.site_box {
		margin-top: 20px;
		padding: 10px;
	}
	.card {
		width: 100%;	
		display: block;
	}
	h4 {
		font-size: 20px;
	}
	nav h1 {
		font-size: 20px;
	}
	details {
		width: 100%;
		margin-left: 0;
		font-size: 10px;
	}
	summary {
		font-size: 15px;
	}
	summary h2 {
		font-size: 19px;
		padding: 0px 40px 0px 5px;
	}
	.faq_body {
		padding: 0px 10px;
	}
	.btn_social {
		display: flex;
		justify-content: center;
	}
	footer p {
		text-align: center;
	}
	.text_footer {
		text-align: center;
	}
	footer .logo{
		display: flex;
		justify-content: center;
	}
	#section_1 h4 {
		margin-top: 20px;
	}
	.profile_photo {
		height: 90%;
	}
}