body {
	background-color: #eeeeee;
	font-family: Arial, sans-serif;
	line-height: 1.5em;
	color: #777777;
	text-align: center;
	
	padding: 40px;
}




h1 {
	font-size: 2.0em;
	color: #333333;
	text-transform: uppercase;
}

p {
	margin-bottom: 1.5em;
}


@media screen and (min-width: 900px) {
.container {
  height: 100vh;
  /*width: 100vw; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; 
}

	



}

.text-body{
font-size: 1em; 
line-height:1.5; 
padding-left:40px; 
padding-right: 40px;
text-align: center;
}



.text-body1{
font-size: 1em; 
line-height:1.5; 
padding-left:40px;
 
padding-right: 40px;
margin: 25px;
text-align: left;
}




.container {
  /* height: 100vh;
 width: 100vw; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; 
  
}


.container1 {
  /* height: 100vh;
 width: 100vw; */
  display: flex;
  flex-direction: row;
  align-items: left;
  justify-content: center; 
  
}




.card {

  height:700px;
  width: 650px;
  border-radius: 5px;
  background: white;
box-shadow: 4.0px 8.0px 8.0px rgba(0,0,0,0.38);
padding: 0px;
}


.card1 {

  height:auto;
  width: 650px;
  border-radius: 5px;
  background:white;

;
box-shadow: 4.0px 8.0px 8.0px rgba(0,0,0,0.38);
padding: 0px;
}



.footer-box {
    position:relative;
    right: 0px;
    bottom: 0px;
}

	
.icons i,
.icons svg {
   color:  #333333;
}

i:hover
{
color: #957CFE !important;}