@import url('style.css');
@import url('tablet.css');


/* Responsive Layout for Mobile phone */

@media screen and (max-width: 768px) {

	h1 {
		font-size: 3.75em;
		margin-top: 40%;
	}

	h2 {
		font-size: 2.2em;
	}

	h3 {
		font-size: 1.8em;
	}

	p {
		font-size: 0.87em;
	}

	header p {
		max-width: 100%;
	}

	header nav {
		padding: 0;
	}

	header nav #main-menu {
		display: none;
	}

	header nav #mobile-menu {
		display: block;
		margin-top: 10px;
	}

	header,
	section.split article {
		padding: 30px;
	}

	button,
	.button {
		text-align: center;
		padding: 15px 0;
		width: 100%;
	}

	section.split div {
		height: unset;
	}

	section.services {
		padding: 40px;
	}

	section.services > p {
		max-width: 100%;
		margin-bottom: 40px;
	}

	section.services article {
		width: auto;
		padding: 30px;
	}

}

@media screen and (max-width: 460px) {


	section.video p {
		max-width: 75%;
	}
}