@media screen and (max-width:500px){
	.technitime_bref{
		padding: 0 50px;
	}
	
	#bref, #test_container{
		padding: 200px 0 100px;
	}
	
	#technitime_bref_left{
		margin-bottom: 50px;
		font-size: 40px;
		text-align: center;
		font-weight: 400;
	}

	#technitime_bref_right{
		font-size: 20px;
	}
	
	#simplicity_container, #project_container{
		padding: 150px 0;
	}
	
	#simplicity_title, #project_title{
		font-size: 40px;
		font-weight: 400;
		padding: 50px;
		margin: 50px;
	}
	
	#simplicity_text, #project_text, .form_message_container{
		margin: 50px 50px 0;
		font-size: 20px;
		text-align: left;
	}
}

@media screen and (max-width:1200px) and (min-width: 500px){
	.technitime_bref{
		padding: 0 50px;
	}
	
	#bref, #test_container{
		padding: 200px 0 100px;
	}
	
	#technitime_bref_left{
		margin-bottom: 50px;
		font-size: 75px;
		text-align: center;
		font-weight: 400;
	}

	#technitime_bref_right{
		font-size: 25px;
	}
	
	#simplicity_container, #project_container{
		padding: 150px 0;
	}
	
	#simplicity_title, #project_title{
		font-size: 75px;
		font-weight: 400;
		padding: 50px;
		margin: 50px;
	}
	
	#simplicity_text, #project_text, .form_message_container{
		margin: 50px 50px 0;
		font-size: 25px;
		text-align: left;
	}
}

@media screen and (min-width:1200px){
	.technitime_bref{
		display: inline-block;
		vertical-align: middle;
		padding: 300px 0;
		width: 50%;
	}
	
	.technitime_bref_text{
		display: inline-block;
		padding: 50px;
		max-width: 700px;
	}
	
	.form_demand_container{
		padding: 0 50px;
	}
	
	#technitime_bref_left{
		font-size: 100px;
		text-align: right;
		font-weight: 400;
	}

	#technitime_bref_right{
		font-size: 35px;
	}
	
	#simplicity_container, #project_container{
		padding:300px 0;
	}
	
	#simplicity_title, #project_title{
		display: inline-block;
		font-size: 100px;
		font-weight: 400;
		padding: 50px;
	}
	
	#simplicity_text, #project_text, .form_message_container{
		max-width: 1000px;
		margin: 100px auto 0;
		font-size: 35px;
	}
}
body{
	background-color:#ddd;
}
#content{
	opacity:0;
	position:absolute;
	left:0;
	width:100%;
	background-color:white;
	opacity:0;
}

#small_cards_container{
	position: absolute;
	min-width: 100%;
	max-height: 300px;
	margin-top: -150px;
	text-align:center;
	overflow-Y: hidden;
}

.small_card{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 10px;
	padding: 30px 20px 130px;
	background-color: white;
	border-radius: 3px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
}

.small_card_title{
	font-weight: 400;
	font-size: 17px;
}

.small_card_icon{
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 100px;
	margin-top: 50px;
	background: center center no-repeat;
	background-size: contain;
}

#bref{
	background-color: #eeeeee;
}

#simplicity_container{
	position: relative;
	width:100%;
	color: white;
	text-align:center;
	background-color: #0d0d0d;
}

.container_background_image{
	z-index: 0;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0d0d0d center center no-repeat;
	background-size: cover;
	opacity: 0.2;
}

#simplicity_title{
	position: relative;
	z-index: 1;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#simplicity_text{
	position: relative;
	z-index: 1;
}

#project_container{
	width:100%;
	text-align:center;
}

#project_title{
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.technitime_btn{
	display: block;
	color: black;
	margin-top: 50px;
	padding: 30px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #0d0d0d;
	border-radius: 3px;
	cursor: pointer;
	transition:background-color 0.5s, color 0.5s;
	-moz-transition:background-color 0.5s, color 0.5s;
	-webkit-transition:background-color 0.5s, color 0.5s;
}

#technitime_btn:hover{
	background-color: #0d0d0d;
	color: white;
}

label{
	display: block;
}

.input_message, .input_demand{
	display: block;
	width: 95%;
	max-width: 500px;
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #0d0d0d;
	border-radius: 3px;
	background-color: transparent;
}

.input_message{
	margin: 15px auto;
}

#new_demand_feedback, #new_message_feedback{
	display: inline-block;
	font-size: 17px;
	border-radius: 3px;
}

#new_message_feedback{
	margin: auto;
}

.btn_send{
	max-width: 300px;
	padding: 20px;
	border: none;
	border-radius: 3px;
	margin: 20px 0;
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	color: white;
	background-color: #0d0d0d;
	cursor: pointer;
}