@media screen and (min-width: 1200px) {
	.menu {
		border-radius: 6px 6px 0px 0px;
	}
}

@media screen and (max-width: 950px) {
	.header-logo {
		width: 50%;
	}
	
	.header-contact {
		width: 50%;
	}
}

@media screen and (max-width: 650px) {
	.header-logo {
		width: 100%;
	}
	
	.header-contact {
		display: none;
	}
	
	.menu a:not(:first-child) {
		display: none;
	}
	
	.menu a.icon {
		float: right;
		display: block;
	}
	
	.menu.responsive {
		position: relative;
	}
	
	.menu.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.menu.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	
	.content p {
		width: 90%;
		margin: auto;
	}
	
	.index-service {
		display: block;
		width: 100%;
	}
	
	.content-service1-list, .content-service2-list {
		display: block;
		width: 100%;
		min-height: initial;
	}
	
	.content-service1-img, .content-service2-img {
		display: block;
		width: 100%;
		min-height: initial;
	}
	
	.content-service1-list ul, .content-service2-list ul {
		width:  80%;
	}
	
	.content-service1-list li, .content-service2-list li {
		padding: 10px;
	}
	
	.content-service1-img img, .content-service2-img img {
		min-height: 0;
	}
	
	.content-contact li{
		width: 100%;
	}
	
	.footer-wrapper {
		height: auto;
	}
	
	.footer-logo-wrapper {
		display: block;
		float: none;
		width: 100%;
		height: 120px;
	}
	
	.footer-contact {
		display: block;
		float: none;
		width: 100%;
		height: 90px;
		text-align: center;
	}
	
	.footer-contact div {
		max-width: 350px;
		min-width: 300px;
		margin: auto;
	}
	
	.footer-contact div img {
		float: left;
	}
	
	.footer-contact div p:not(:first-child) {
		text-align: left;
	}
	
	.footer-logo {
		float: inherit;
		margin: auto;
	}

	footer > p {
		text-align: center;
	}
}

@media screen and (max-width: 350px) {
	.content h2 {
		line-height: 100%;
		vertical-align: middle;
	}
	
	.content-contact {
		width: 90%;
		margin: auto;
	}
}