@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1130px) {
	.container .main .section-2 .wrapper-2 .box-1 {
	    padding: 0 15px 0 15px;
	}

	.container .main .section-2 .wrapper-2 .box-2 {
	    padding: 0 15px;
	}

	.container .main .section-2 .wrapper-2 .box-3 {
	    padding: 0 15px 0 15px;
	}

	#google_map {
	    height: 500px;
	}
}

@media all and (max-width: 1024px) {
	section .wrapper, header .wrapper .content {
	    background: rgba(243,243,243,.95);
   }
}

@media all and (max-width: 767px) {
	.container .main .section-1 .photo {
	    background: url(../gfx/section_1-photo.jpg) no-repeat;
	    background-size: cover;
	    -webkit-background-size: cover;
	    background-position: 20% 80%;
	    position: relative;
	}

	.container .main .section-2 .wrapper-2 {
	    max-width: 608px;
	}

	.container .main .section-2 .wrapper-2 .box {
	    float: none;
	    width: 100%;
	}

	.container .main .section-2 .wrapper-2 .box-1, .container .main .section-2 .wrapper-2 .box-2, .container .main .section-2 .wrapper-2 .box-3 {
	    padding: 0 30px;
	}

	.container .main .section-2 .wrapper-2 .box-1, .container .main .section-2 .wrapper-2 .box-2 {
		padding-bottom: 17px;
	}

	#google_map {
	    height: 300px;
	}
}

@media all and (max-width: 670px) {
	header {
	    height: 592px;
	}

	header .wrapper .content {
	    padding: 37px 15px 44px;
	}

	header .wrapper .content h2 {
	    line-height: 43px;
	    font-size: 3.5em;
	}

	footer .wrapper .box-1 {
		text-align: center;
	    float: none;
	}

	footer .wrapper .box-2 {
		text-align: center;
	    float: none;
	}
}

@media all and (max-width: 479px) {
	header {
	    height: 469px;
	}

	header .wrapper nav .nav li {
	    padding-right: 20px;
	}

	header .wrapper nav .nav li a {
	    font-size: 1.5em;
	}

	header .wrapper .content {
    	margin: 38px auto 0;
	    padding: 37px 15px 41px;
	}

	header .wrapper .content h2 {
		margin: 0 auto;
		max-width: 270px;
	    line-height: 33px;
	    font-size: 2.5em;
	}

	.container .main .section-1 .wrapper .content p:first-of-type {
	   	padding: 35px 0 26px !important;
	    font-family: "latoregular";
	    font-size: 1.5em;
	}
}

@media all and (max-width: 359px) {
	footer .wrapper p {
	    font-size: 1.4em;
	}
}