.btn-solid-home {
	display: inline-block;
	padding: 1.450rem;
	border: 1px solid #7dc22b;
	border-radius: 50%;
	/*background-color: #7dc22b ;*/
	background: linear-gradient(70deg, #95c11f, #005894, #36a9e1);
	opacity: 0.66;
	color: #ffffff;
	font-weight: 600;
	font-size: 3rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
	width: 90px;
	height: 90px;
}

.btn-solid-home:hover {
	/*background-color: transparent;*/
	background: transparent;
	opacity: 1;
	color: #95c11f; /* needs to stay here because of the color property of a tag */
	text-decoration: none;
}



.vague2{
	width: 30%;
	height: 30%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	text-align: center;
}

.align-flowr-center{
	text-align:center;
}
li {
    list-style-type: none;
    text-align: left;
    margin-left: 20%;
	margin-top:5%;
}
#contact li {
    list-style-type: none;
	    text-align: left;
    margin-left: 0;
	margin-top:0;
}

li span {
  font: 700 1rem/1.625rem "Open Sans", sans-serif;
    margin-left:1em;
}

.media-left{
	padding-left:10px;
}

.bleu-f{
	color:#005894;
}
.bleu-c{
	color:#36a9e1;
}
.vert{
	color:#95c11f;
}
.padtext{
	padding:1em;
}

/*************************/
/*     Media Queries     */
/*************************/
/* Min-width 328px */
@media (min-width: 320px) {
.logo-home{
	width: 70%;
	height: 50%;
	margin-right: auto;
	margin-bottom: 1rem;
	margin-left: auto;
	text-align: center;
			padding-top: 1rem;
		padding-bottom: 1rem;
}
.cards-1 {
    padding-top: 5.125rem;
    padding-bottom: 4.25rem;
    text-align: center;
    padding-left: 1.5rem;
	    padding-right: 1.5rem;
}
.filter {
    padding-top: 5rem;
    padding-bottom: 5.625rem;
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.vague{
	width: 50%;
	height: 15%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	text-align: center;
}
	.vague3{
	width: 25%;
	height: 25%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	text-align: center;
}

}
/* end of min-width 320px */
	
/* Min-width 768px */
@media (min-width: 768px) {
.logo-home{
	width: 50%;
	height: 50%;
	margin-right: auto;
	margin-bottom: 1rem;
	margin-left: auto;
	text-align: center;
}
.vague{
	width: 30%;
	height: 30%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	text-align: center;
}

}
/* end of min-width 768px */


/* Min-width 992px */
@media (min-width: 992px) {

.logo-home{
	width: 50%;
	height: 50%;
	margin-right: auto;
	margin-bottom: 1rem;
	margin-left: auto;
	text-align: center;
}
.vague{
	width: 30%;
	height: 30%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	text-align: center;
}
}
/* end of min-width 992px */


/* Min-width 1200px */
@media (min-width: 1200px) {
	
.logo-home{
	width: 50%;
	height: 50%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	text-align: center;
}
.vague{
	width: 30%;
	height: 30%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	text-align: center;
}
}
/* end of min-width 1200px */