.greyarea {
  	background-color: #E5E5E5;
  	padding: 50px 0px 50px 0px;
}

.whitearea{
	padding: 50px 0px 50px 0px;
}

.aboutus{
	background-color:#82cdff;
	padding: 50px 0px 50px 0px;
	margin-bottom:20px;
}

.logo{
	height:100px;
	width:100px;
}

h1 {
	font-size: 200%;
}

.product-1{
	padding: 30px 30px 30px 30px;
}

.card {
  	margin: 20px 0px 0px 0px; /* Added */
	float: none; /* Added */
  	margin-bottom: 10px; /* Added */
    padding: 20px 10px 20px 10px;
}

.avatar{
	display:block;
	margin-left: auto;
	margin-right:auto;
	height:200px;
	width:200px;
	vertical-align: middle;
}

.img-slider{
	height:300px;
	object-fit:cover;
	width:100%;
}

.full-width { 
	max-width:100%;
}

.parallax {
  /* The image used */
  background-image: url('lounge.jpg');

  /* Full height */
  height: 80%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color:white;
}