h1
{
	
}
h2
{
	
}
h3
{
	
}
h4
{
	font-size:2em;
}
p
{
	font-size:1.5em;
}

li
{
	font-size:1.2em;
}

#si
{
	padding:7%;
}
#sec2
{
	text-align:center;
}

#sec2 i
{
	font-size:5em;
	color:#339af0;
}

#sec3
{
	text-align:center;
}

#pro
{
	margin-bottom:10%;
	
}

#pro p
{
	font-size:1.2em;
	padding-top:3%;
	font-family: 'Roboto';
}

#spare
{
	padding:1em;
}

#about
{
	text-align: justify;
}

#ab {
  background-color: #ddd;
  border: none;
  color: black;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;
}

#ab:hover {
  background-color: white;
  color: white;
}

#background 
{

width:100%;
background:url(../images/footer1.jpg)no-repeat;
background-size:cover;/*contain,cover*/
background-attachment: fixed;
background-position: center;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
}

#background1
{

width:100%;
background:url(../images/footer1.jpg)no-repeat;
background-size:contain;/*contain,cover*/
background-attachment: fixed;
background-position: center;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
}
#background2
{
width:100%;
background-color:black;
padding-top:40px;
padding-bottom:20px;
color:white;
}


#demo
{
	padding-top:3%;
}

#logo
{
	width:260px;
}




.mobileShow {display: none;}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
   
 
		
  #demo
  { display:none; }
  
  
  .mobileShow 
  {display: inline;}
}