.header_container {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}




.textArea_1{

padding:10px;
font-size:20px;
font-family: 'Raleway', sans-serif;
background-color: #FFFFE0;
}


.textArea_1 span{
font-weight:bold;
color:red;
font-size:25px;
}



.mainContainer_1{
float:left;

background-color: #f1f1f1;
border-radius:5px;
margin:40px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
}

.card{

float:left;
width:280px;
height:350px;
display: inline-block;

/*display:table-cell;*/

/* display:inline-flex;*/ /*used when we apply main container*/
/*display: block;*/ /*Use display block for mobile view*/
/*background-color:#ADD8E6;*/
background-color: #f1f1f1;
border-radius:5px;
margin:40px;

/*box-shadow:2px 2px 10px black;*/
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
}


.card p{
font-family: 'Raleway', sans-serif;
}

.card-text h2{

text-align:center;
color:grey;

}


.card-text p{

padding:5px;
text-align:center;
}


.card-stats{
text-align:center;

}

/*
.card-text{
display:inline-block;
}

.card-image{
display:inline-block;

}
*/

.card-image{
text-align:center;

}

.footerContainer_{



float:left;
position:static;
  left: 0;
  bottom: 0;

width:100%;
height:300px;

padding: 10px 16px;
  background: #555;
  color: #f1f1f1;



}


.footerContainer_ div{

display:inline-block;
}

.footerContainer_ div ul li{
font-size:25px;

}





@media screen and (max-width: 600px) {
  

.card{

width:85%;
display: block;
}


.mainContainer_1{
padding:10px;
width:95%;

}

.footerContainer_ div{

display:block;
}
  
}