@media screen and (max-width: 340px) {
	#topic {
		font-size:20px;
		
	}
	#why {
		font-size:25px;
		text-align:center;
	}  
	#claim1,#claim2,#claim3 {
		padding-left:20px;
		
	}
	#claim p {
			font-size: 18px;	
	}

	#argu {
		margin:20px 10px;
	}
	
	#argu3 {
		margin:20px 10px;
		border:none;	
	}
	
	#argu3 span{
		
	}
	#tampon,#advisor,#preform{
		display:none;
	}
	
	#subtitle{
	
	}
	
	#argusubtitle {
		margin:0px;
		border:none;	
	}
	
}

@media screen and (min-width: 340px) and (max-width: 768px) {
	#topic {
		font-size:22px;
		text-align:center;


	}
	#why {
		font-size:25px;
		margin-top:10px;
		text-align:center;
	}
	
	#claim1,#claim2,#claim3 {
		padding-left:20px;
	}
	#claim p {
			font-size: 18px;	
	}

	#argu {
		margin:20px 10px;
	}
	
	#argu3 {
		margin:20px 10px;
		border:none;	
	}
	
	#argu3 span{
		
	}
	
	#tampon,#advisor{
		display:none;
	}
	#subtitle{
		width:85%;float:right;
	}
	
	#argusubtitle {
		margin:0px;

	}
	
}

@media screen and (min-width: 768px) and  (max-width: 992px){
	#topic {
		font-size: 27px;	
		margin-top:35px;
		margin-left:50px;
	}
	#why {
		font-size:25px;
		margin-top:10px;
	}
		#claim p {
			font-size: 16px;	
	}

	#argu {
		margin:20px 10px;
	}
	
	#argu3 {
		margin:20px 10px;
		border:none;	
	}
	
	#argu3 span{
		
	}
	
	#tampon,#advisor{
	display:none;
	}
	
	#subtitle{
		width:87%;float:right;
	}
	
	#argusubtitle {
		margin:0px;
		position:relative;
	}
	

}

@media screen and (min-width: 992px){
	#topic {
		font-size: 27px;
		margin-top:35px;
		margin-left:50px;
	}
    #why {
		font-size:25px;
		margin-top:10px;
		font-size: 22px;
	}
	#claim p {
		font-size: 16px;	
	}
	
	#argu {
		margin:0px;
	}
	
	#argu3 {
		margin:0px;
		border:none;	
	}
	
	#argu3 span{
		position:relative;							
		border-left:none;
	}
	
	#subtitle{
		width:87%;float:right;
	}
	
	#argusubtitle {
		margin:25px 0px;
	}

}

	body {		
		background:#E2E2E2 url('../images/background.jpg') no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

	
	}

.header{
	margin:10px 0 0 0;
}

#top{
	background: #FFFFFF;
	height:130px;
	border-bottom:6px solid #797979;
}

#logo{
	background: url('../images/logo-flat@2x.png') left top 10px no-repeat ;
	height:100px;
	width:250px;
	float:left;
}

#tampon{
		position:relative;
		float:right;
		background: url('../images/tampong3.gif') left top no-repeat ;
		width:206px;
		height:167px;
		top:-15px;
		margin-right:70px;
		z-index:9999999;
}

#topic{
	color: #797979;
	float:left;

	font-family: 'PT Sans', sans-serif;
}
#why{
	color: #797979;	
	font-family:arial;
	margin-bottom:5px;
}



#claim p {
	margin-top:5px;	
}

#claim img {
	float:left;
}

#claim p strong {
	color:#4483CC;
}



#separator{
	background-color:#797979;
	height:4px;
	margin:10px 0 0 0;
}

.background{
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	/* background-image: url('../images/wbackground.jpg')  ;	 */
	/* background-repeat: repeat-x repeat-y; */
	/* background-color:orange; */
	min-height:532px;
}

#argu {
	background-color:#009DEC;
	font-size:25px;
	padding:15px;
	color:#FFFFFF;
	font-family:arial;	
	text-align:center;
	font-family: 'PT Sans', sans-serif;	
	/* border-top:2px solid #09357a; */	
}


#argusubtitle {
	font-family: 'Satisfy', cursive;
	font-size:32px;
	display:block
}

#preform{
	width:13%;float:left;
}

#argu2{
	font-size:26px;
	font-family: 'PT Sans', sans-serif;
	
}

#argu2 b{
	text-decoration:underline;

}


#argu3 span{
	display:block;
	/*  */
	/*background:#FFFFFF;*/
	/* background-color:#FFFFFF; */
	padding-bottom:20px;
	 background-image: url('../images/white-background.png')  ;	 
	 background-repeat: repeat-x repeat-y; 
	
	
	padding:10px 10px 10px 20px;
	margin:15px 0px 15px 0px;

	/* min-height:100px; */
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	color:#676565;
	border-left:4px solid #009DEC;
	font-family: 'PT Sans', sans-serif;
	
}

#argu3 span img{
height:50px; width:auto;
}

#advisor {
	position:relative;
	left:30px;
	float:right;
}

#form-wrapper {
	margin:0px;
	border:2px solid #F78218;
	background-color:#F7F9FA;
}
#form-top  b{
		font-size:25px;
}


#form-top {
		background-color:#F78218;
	font-size:20px;
	padding:22px 15px;
	color:#FFFFFF;
	font-family:arial;
	font-family: 'PT Sans', sans-serif;
	
}

#form-inner {
	padding:10px;
	font-size:12px;

}
#form-inner p {
	text-decoration:underline;
	color:#938F8F;
}

.form-group {
	margin:3px 0;
}
.form-label {
	margin:0px;
	padding:0px;
}
.form-control {
	line-height:15px;
	font-size:12px;
	height:22px;
	padding:4px 3px 4px 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

select.form-control  {
		padding:3px;
}


#submit-wrapper {
	text-align:center;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#submit {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding:15px 20px 15px 20px;
	background-color:#F78218;
	font-weight:bolder;
	color:#FFFFFF;
}

#inner-footer{
		background: #FFFFFF;
	height:150px;
	border-top:6px solid #797979;
	margin-top:30px;
}


.main-footer{
	margin-top:0px;
	background:#FFFFFF url('../images/footer-background.jpg') repeat-x;
	
}

#mentions {
	padding-top:20px;
	font-size:12px;
	color:#939292;
	text-align:justify;
}

.image {
	box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.5);	
	_border:1px solid black;
}

.error {
border-color: #E92D28;
background: none repeat scroll 0% 0% #FFDED6;
}