
.exp_button
{
    width: 100%;
    height: 100%;
    background-color: #dc143c;
    align-items: center;
    color: #fff;
    padding:15px;
    text-decoration: none;
    cursor: pointer;
}
.exp_button a
{
    width: 100%;
    height: 100%;
    background-color: #dc143c;
    align-items: center;
    color: #fff !important;
    padding:15px;
    text-decoration:none;
    cursor: pointer;
    border:1px solid grey;
}



.flex-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: #fff;
  height:150px;
  text-align: center;
  border:2px solid #dc143c;

}

.flex-container > div {
  background-color: #fff;
  width: 20%;
  margin: 1px;
  font-size: 15px;
  padding-top:50px;
 
}


@media (max-width: 800px) {
  .flex-container {
    display: flex;
  flex-direction: column;
  height:auto;
  }

  .flex-container > div {
  background-color: #fff;
  width: auto;
  padding-left:50px;
  padding-top:30px;
  height:200px;
  text-align:center !important;
}
}


 
@media (max-width: 480px) {
  .flex-container {
    display: flex;
   flex-direction: column;
   width: 100%;
   height:200px;
   text-align:center !important;
   }

  .flex-container > div {
  background-color: #fff;
  width: auto;
  padding-left:50px;
  padding-top:50px;
  height:200px;
  text-align:left !important;
  
}
}




.exp_found_cause_button_wrapper{
	width: 100%;
	height:auto;
	display: flex;
	flex-direction: row;
	align-items: center;
  	justify-content: center;
	
	padding-top: 2%;
	padding-bottom: 2%;
}


.exp_found_cause_button {
	width: auto;
	height:auto;
	border: 2px solid #DC143C;
	color: #dc143c;
	margin: 1%;
	padding: 1% 2% 1% 2%;
	border-radius: 40px;
	cursor: pointer;
	transition: 0.7s;
}



.exp_found_cause_button:hover {
	width: auto;
	height:auto;
	border: 2px solid #DC143C;
	background-color: #dc143c;
	color: white;
	margin: 1%;
	padding: 1% 2% 1% 2%;
	border-radius: 40px;
	cursor: pointer;
}

.exp_found_cause_button a {
	color: #dc143c;
	text-decoration: none;
}
 
.exp_found_cause_button a:active {
	color: #dc143c;
	text-decoration: none;
}
.exp_found_cause_button a:visited {
	color: #dc143c;
	text-decoration: none;
}
 
.exp_found_cause_button a:hover {
	color: white;
	text-decoration: none;
}









/* CSS Document */
/*-----------------------------------------------------------------------QUERY1----------------------------------------------------------------------------- */
@media screen and (max-width: 950px) {
	
	

	
	
	}	
/*-----------------------------------------------//QUERY1------------------------------------- */	




/*------------------------------------------------QUERY2------------------------------------- */

@media screen and (max-width: 700px) {
	
	

	
.exp_found_wrapper_inner {
	display:block;
	width: 80%;
	max-width: 1200px;
	height:50%;
	align-items: center;
	box-sizing: border-box;
	padding-top: 5%;
	padding-bottom: 5%;
}	
	
	
	
.exp_found_cause_button_wrapper{
	width: 100%;
	height:auto;
	display: flex;
	flex-direction: column;
	align-items: center;
  	justify-content: center;
	
	padding-top: 2%;
	padding-bottom: 2%;
}



.exp_found_cause_button {
	width: auto;
	height:auto;
	border: 2px solid #DC143C;
	color: #dc143c;
	margin: 2% 1% 2% 1%;
	padding: 1% 2% 1% 2%;
	border-radius: 40px;
	cursor: pointer;
	transition: 0.7s;
}	
	
	
	
	}	


    /* .exp_button
    {
        width: 100%;
        height: 100%;
        background-color: #dc143c;
        align-items: center;
        color: #fff;
        padding:15px;
        text-decoration: none;
        cursor: pointer;
    }
    .exp_button a
    {
        width: 100%;
        height: 100%;
        background-color: #dc143c;
        align-items: center;
        color: #fff !important;
        padding:15px;
        text-decoration:none;
        cursor: pointer;
        border:1px solid grey;
    } */
