@media (max-width: 1000px) {	
    
body {
	width:100%;
	height:auto;
	margin: 0;
	padding: 0;
    overflow-x: hidden;
}

#up_btn {
	width: 40px;
	height: 40px;
	bottom:15px;
	right:15px; 	
}

#down_btn {
	width: 40px;
	height: 40px;
	bottom: 15px;
	right: calc(50% - 20px);	
}

#synergie_logo {
	width: 164px;
	height: 36px;
	top: 5px;
	left: 10px;
	position:absolute;
}
	
#header {
	width:100%;
	height:80px;
}

#container {
	width: 100%;
	height: auto;
	top: 80px;
}

#container h1 {
	width: 100%;
	margin: 0 0 -30px 0;
	text-align: left;
	font-size: 40pt;
}

#container h2 {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 35pt;
}

#container h3 {
	width: 100%;
	margin: -10px 0 0 0;
	text-align: right;
	font-size: 14pt;
}

#container h4 {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 25pt;
}

#container h5 {
	width: 100%;
	margin: -25px 0 0 0;
	left: 50px;
	text-align: center;
	font-size: 30pt;
}

#container h6 {
	width: 100%;
	margin: 0 0 -25px 0;
	left: -100px;
	text-align: center;
	font-size: 30pt;
}

#container h7 {
	width: 100%;
	margin: 0;
	text-align: left;
	font-size: 25pt;
}

#container h8 {
	width: 100%;
	margin: -25px 0 0 0;
	left: 25px;
	text-align: center;
	font-size: 30pt;
}

#container h9 {
	width: auto;
	margin: 0;
	text-align: left;
	font-size: 11pt;
}

#container p{
	width: 100%;
	text-align: left;
	font-size: 10pt;
}

#home {
	width: 100%;
	height: auto;
}

#home_text {
	width: 264px;
	height: auto;
	top: 25px;
	left: calc(50% - 132px);
}

#pic1 {
	width: 50%;
	height: auto;
	top: 0;
}

#pic2 {
	width: 25%;
	height: auto;
	top: 15vh;
	left: 5%;
}

#pic3 {
	width: 20%;
	height: auto;
	top: 20vh;
	left: 20%;
}

#pic4 {
	width: 30%;
	height: auto;
	top: 0;
	left: 5%;
}

#pic5 {
	width: 70%;
	height: auto;
	top: 0;
	right: 5%;
}

#spark {
	width: 100%;
	height: auto;
	padding: 100px 0 0 0;
}

.container {
    width: 100%;
	height: auto;
	padding:0;
	text-align:center;
}

.container_title {
	width: 100%;
	height: auto;
	margin: 100px 0 0 0;
}

.container_title2 {
	width: 100%;
	height: auto;
	margin: 30px 0 0 0;
}

.container_text {
	width: 50%;
	height: auto;
	margin: 0 5% 30px 0;
}

#clients_logo {
    width: 100%;
	height: auto;
	padding:0;
	margin:auto;
}

.logo_list {
    width: 25%;
	height: auto;
	padding:0;
    margin: 5px 0 5px 0;
}

/***************************************************
			        Services
***************************************************/
#services {
    width: 100%;
    height: auto;
    padding: 0;
	margin:auto;
}

.service1 {
	width:100%;
	height:auto;
	padding: 0;
	margin: 0;
}

.service2 {
	width:100%;
	height:auto;
	padding: 0;
	margin: 10px 0 -15px 0;
}

.service {
	width:100%;
	height:300px;
	padding: 0;
	margin: 10px 0 10px 0;
}

.service_text {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 10pt;
}

.show_more {
	z-index: 100;
	width: 100%;
	height: 0;
    text-shadow:1px 1px 6px #000000, 1px 1px 3px #888888;
	font-size: 10pt;
}

/***************************************************
			        Projects
***************************************************/
#projects {
    width: 100%;
    height: auto;
    padding: 0;
	margin:auto;
}

.project {
	width: 100%;
	height: auto;
	margin: 15px 0 15px 0;
}

.project1 {
	width: 100%;
	height: 300px;
	float: left;
	position: relative;
}

.project2 {
	width: 100%;
	height: 300px;
	float: left;
	position: relative;
}

.project_text {
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
	float: left;
	position: relative;
	display: block;
}

.project_text1 {
	width: auto;
	height: auto;
	padding: 0;
	float: right;
	position: relative;
}

.project_text1A {
	width: 100%;
	text-align: right;
	font-size: 14pt;
}

.project_text1B {
	width: 100%;
	margin: 0 0 10px 0;
	text-align: right;
	font-size: 10pt;
}

.project_text1C {
	width: 100%;
	text-align: right;
	font-family: Cochin;
	font-size: 8pt;
}

.project_text2 {
	width: auto;
	height: auto;
	padding: 0;
	float: left;
	position: relative;
}

.project_text2A {
	width: 100%;
	text-align: left;
	font-size: 14pt;
}

.project_text2B {
	width: 100%;
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 10pt;
}

.project_text2C {
	width: 100%;
	text-align: left;
	font-family: Cochin;
	font-size: 8pt;
}

/***************************************************
			        Works
***************************************************/

#iframe_box {
	width: 100%;
	height: calc(100% - 80px);
	top: 80px;
	left: 0;
}

#back {
	width: 40px;
	height: 40px;
	top:5px;
	right:5px;	
}

.works {
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

.works2 {
	width: 100%;
	height: auto;
	margin: 0 auto 15px;
}

.works3 {
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
}

.works_video {
    width: 100%;
    height: 300px;
}

.works_text {
	width: 100%;
	margin: 5px auto 0;
	font-size: 10pt;
}

.works_text1 {
	width: 100%;
	margin: 0;
	font-size: 10pt;
}

.works_text2 {
	width: 100%;
	margin: 0;
	font-size: 14pt;
}

.works_text3 {
	width: 100%;
	margin: 30px 0 0 0;
	font-size: 10pt;
}

.works_btn {
	width: 100%;
	height: auto;
	margin: 25px 0 40px 0;
}

.works_btn2 {
	width: auto;
	height: auto;
	padding: 5px 15px 5px 15px;
	text-align: center;
	font-size: 10pt;
}

/***************************************************
			        Contact
***************************************************/

#pic6 {
	width: 40%;
	height: auto;
	right: 0;
	position: absolute;
}

#contact {
	width: 90%;
	height: auto;
	left: 5%;
	margin: 0;
	position: absolute;
}

#contact p a{
	text-decoration: none;
	color: #1c1f20;
}

.contact_spacing {
	width: 100%;
	height: 30px;
}

#contact_icon {
	width: auto;
	height: 30px;
	margin: -5px 0 0 15px;
}

.contact_icon {
	width: 30px;
	height: 30px;
	margin:0 5px 0 0;
}

#copyright {
	width: 100%;
	height: auto;
	margin: 20px 0 20px 0;
	font-size: 8pt;
	line-height:15px;
	text-align:left;
}

#copyright2 {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	font-size: 8pt;
	line-height:15px;
	text-align:center;
}
    
}