/*-----------------------SMALL SCREEN-----------------------*/
/*----------------------------------------------------------*/

@media all and (max-width: 800px) {
	
.dash-block{
	width:20px;
}

#social-media{
	display:flex;
	flex-direction:row;
    flex-wrap:wrap;
    justify-content: center;
	align-items:center;
}
	
.formulaire{
	margin-top:35px;
	display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content: center;
	align-items:center;
}

textarea {
  height: 150px;
  box-sizing: border-box;
  resize: none;
   
}
fieldset input, textarea, select{
	width: 100%;
	padding: 12px 20px;
	border-radius: 0px;
	background-color:rgba(249,249,249,0.5);
	font-family:segoe ui, arial, sans-serif;
	font-size: small;
	border: 3px solid #ccc;	
	-webkit-transition: 0.5s;
	transition: 0.5s;
	box-sizing: border-box;
	outline: none;
}
fieldset *:focus{
	border: 3px solid #555;
	background-color:white;
	opacity:1;
	border-radius: 4px;
}
fieldset input:hover, textarea:hover, select:hover{
	border: 3px solid rgba(70,240,120,0.5);
}
input[type=submit]{
	background-color:rgba(10,12,250,0.3);
}
input[type=submit]:hover{
	background-color:rgba(70,240,120,0.5);
	cursor:pointer;
	color:black;
	font-size:medium;
	font-style:oblique;
	border-radius: 4px;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select:hover{
	cursor:pointer;
}
select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
select option:hover{
	cursor:pointer;
}
.contactform .phone { display:none; }
}

/*-----------------------LARGE SCREEN-----------------------*/
/*----------------------------------------------------------*/
@media all and (min-width: 800px) {
.social-media-link{
	opacity:0.5;
}
.social-media-link:hover{
	opacity:1;
}
.dash-block{
	width:15px;
}

#social-media{
	margin-top:35px;
	display:flex;
	flex-direction:row;
    flex-wrap:wrap;
    justify-content: flex-start;
	align-items:center;
}
	
.formulaire{
	margin-top:35px;
	display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content: flex-start;
	align-items:flex-start;
}

textarea {
  height: 150px;
  box-sizing: border-box;
  resize: none;
   
}
fieldset input, textarea, select{
	width: 100%;
	padding: 12px 20px;
	border-radius: 0px;
	background-color:rgba(249,249,249,0.5);
	font-family:segoe ui, arial, sans-serif;
	font-size: small;
	border: 3px solid #ccc;	
	-webkit-transition: 0.5s;
	transition: 0.5s;
	box-sizing: border-box;
	outline: none;
}
fieldset *:focus{
	border: 3px solid #555;
	background-color:white;
	opacity:1;
	border-radius: 4px;
}
fieldset input:hover, textarea:hover, select:hover{
	border: 3px solid rgba(70,240,120,0.5);
}
input[type=submit]{
	background-color:rgba(10,12,250,0.3);
}
input[type=submit]:hover{
	background-color:rgba(70,240,120,0.5);
	cursor:pointer;
	color:black;
	font-size:medium;
	font-style:oblique;
	border-radius: 4px;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select:hover{
	cursor:pointer;
}
select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
select option:hover{
	cursor:pointer;
}
.contactform .phone { display:none; }
}