@media (min-width: 1210px) and (max-height: 900px) {
    .home-content #home-h2,
    .home-content #home-h2-mob { font-size: 140px; }
}

@media (max-width: 1209px) {
    #logo { margin: 20px 0px; }
    #logo img { max-height: 80px; }

    #navigation li { margin: 0px 20px; }
    .site-content { width: 960px; }
    .home-content #home-h2,
    .home-content #home-h2-mob { font-size: 140px; }
    .home-content h2 em { padding: 90px 0px; }
    .home-content #home-h2 .spaced,
    .home-content #home-h2-mob .spaced { letter-spacing: 5px; }

    br { display: none; }
}

@media (max-width: 1030px) {
    .home-content #home-h2, #home-video, #home-logo, #home-logo-tagline { display: none !important; }
    .home-content #home-h2-mob { display: block; }

    .home-content #home-h2,
    .home-content #home-h2-mob { font-size: 100px; }

    .home-content #home-h2-mob br { display: inline; }
}

/* TABLET VERSION */
@media (max-width: 979px) {
	.site-content { width: auto; }

	/* header */
	#logo img{ width: 260px; }
	#logo {
		margin: 25px 0px 0px 15px;
		float: left;
	}
	#menu-logo {
		display: block;
		cursor: pointer;
		float: right;
		margin: 25px 15px 25px 0px;;
	}
	#close {
		font-family: 'latoregular';
		font-size: 18px;
		cursor: pointer;
		font-style: normal;
		display: inline-block;
		margin: 34px 10px 37px 10px;
		color: #4f4a45;
	}
	#legal-privacy {
		font-family: 'latoregular';
		font-size: 14px;
		font-style: normal;
		display: inline-block;
		margin: 42px 10px;
		color: #4f4a45;
	}
	#navigation {
		background: #fff;
		display: none;
		text-align: left;
		position: absolute;
		top: 0px;
		width: 100%;
        z-index: 10;
	}
	#navigation a { padding: 6px 0px; }
	#navigation.active { display: block; }
	#navigation li {
		margin: 0px;
		display: block;
		border-bottom: 1px solid #4b2183;
		font-family: 'latoregular';
		font-size: 16px;
		text-indent: 10px;
		color: #4f4a45;
	}
	#navigation li:first-child { border-top: 1px solid #4b2183; }
	#navigation a::after { display: none; }

	/* content */
	#content { padding-top: 20px; }
	.page-content { padding: 80px 30px;}

	h3 { font-size: 35px;}
	p { font-size: 18px; }
	address { font-size: 18px; }
	.contact_form input[type="text"],
	.contact_form input[type="email"],
	.contact_form textarea {
		font-size: 16px;
		height: 34px;
	}
	.tablet { display: none; }
	#contact_message { height: 80px;}
	input[type="submit"],
	input[type="reset"] {
		font-size: 16px;
		height: 34px;
	}

	/* footer */
	#footer #copyright,
	#footer #design { margin: 30px; }
	.legal-privacy{ margin-right: 10px; }
	#page .static-body { padding: 40px 20px; }

    .network-content { min-height: 450px; }
	/* MOBILE VERSION */
}

@media (max-width: 767px) {
	.site-content { width: auto; }

	/* header */
	#logo img{ width: 180px; }
	#menu-logo img { width: 30px; }
	/* content */

	.page-title {
		background: #e2e2e6;
		display: block;
		width: 100%;
		padding: 8px 0px;
		text-indent: 15px;
		letter-spacing: 1px;
		font-family: 'latobold';
		font-style: normal;
		font-size: 14px;
		color: #424242;
	}
	.page-banner {
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 180px;
	}
	.home-content { padding: 120px 10px; }
	.page-banner.about-banner { background-image: url(../img/bkg-about-mobile.jpg); }
	.page-banner.services-banner { background-image: url(../img/bkg-services-mobile.jpg); }
	.page-banner.experience-banner { background-image: url(../img/bkg-experience-mobile.jpg); }
	.page-banner.network-banner { background-image: url(../img/bkg-network-mobile.jpg); }
	.page-banner.contact-banner { background-image: url(../img/bkg-contact-mobile.jpg); }
    .home-content #home-h2,
    .home-content #home-h2-mob { font-size: 40px; }
    .home-content #home-h2 .spaced,
    .home-content #home-h2-mob .spaced { letter-spacing: 4px; }
	h3 {
		text-align: left;
		margin: 0px;
	}
	.h3-contact { margin-bottom: 25px; }
	p {
		font-size: 18px;
		text-align: left;
	}
	.home-content br { display: inline; }
	.about-content,
	.services-content,
	.experience-content,
	.network-content,
    .contact-content {
		background: #858585;
		width: 100%;
		padding: 0px;
	}
	.formfield input, .formfield textarea { border-radius: 0px; }
	.buttons input {
		-webkit-appearance: none;
		border-radius: 0px;
	}
	.about-content img {
		height: 200px;
		margin: 0px;
	}
	address { text-align: left;}
	.mobile-content { padding: 15px; }
	.dot.hide-on-desktop { display: inline-block; }
	.mobile-row {
		display: block;
		position: relative;
		padding-left: 20px;
	}
	.mobile-row .dot {
		position: absolute;
		left: 0px;
		top: 8px;
	}
	/* footer */

	#design { display: none; }
	#copyright { display: none; }
	#footer .mobile-copyright {
		margin: 30px 15px;
		display: block;
	}
}