body
{
  background: black;
  color: white;
  padding: 10px 40px;
}
h1,h3,h2,h4
{
  font-family: 'Syne', sans-serif;
}
h1
{
color: white;
margin-bottom:30px;
font-size: 3rem;
}
.home-section h1
{
  font-size: 4.5rem;
}
h2
{
font-size: 1.5rem;
}
h3
{
  color: #A1A1A1;
  font-size: 1.2rem;
  padding-top: 10px;
}
p
{
  font-family: 'Montserrat', sans-serif;
  color: #A1A1A1;
  font-size: 1.5rem;
}
i
{
  padding-right: 8px;
}

#HOME
{
  padding-top: 30px;
  text-align: center;
  color: white;
}
.kalam
{
  object-position: center;
  border-radius: 30px;
  max-width: 100%;
  height: 100%;
}
#ABOUT
{
  margin-top: 20px;
  text-align: center;
}
.about-section p
{
  line-height: 2;
  text-align: justify;
}
.about-section h1
{
  margin-bottom: 15px;
}
.about-section h2
{
  margin: 20px 0 10px;
    text-align: center;
}
.about-section h3
{
  font-size: 1.5rem;
  margin: 8px 0;
  text-align: center;
}
.table
{
  background-color: white;
}
#demo
{
  margin: 5%;
  text-align: center;
}
#SERVICE
{
  padding: 10px 40px;
  text-align: center;
  color: black;
}
.card
{
  background-color: #A1A1A1;
  margin-bottom: 20px;
}
.card:hover
{
  background-color: white;

}
.card-body p
{
  color: #282828;
}
#CONTACT
{
  margin-top: 20px;
}
.contact > p
{
  margin-bottom: 10px;
}
#form-fill
{

}
.container i
{
  padding-bottom: 20px;
}
.input
{
  border: 0;
  background-color:#282828;
  border-radius:5px;
  width: 100%;
  color: white;
}
.input:hover
{
  color: white;
}
.high
{
  color: white;
}
.copyright
{
  text-align: center;
}
.filling
{
  padding: 10px 0;
}
@media screen and (min-width: 1024px) {
#HOME{
  text-align: left;
}
#ABOUT{
  text-align: left;
}
.about-section p
{
  line-height: 2;
  text-align: justify;
}
.about-section h1
{
  margin-bottom: 15px;
  font-size: 3rem;
}
.about-section h2
{
  margin: 20px 0 10px;
  text-align: left;
}
.about-section h3
{
  font-size: 1.5rem;
  margin: 8px 0;
  text-align: left;
}
}