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

li
{
	font-size:1.2em;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  width:100px;
  position: fixed;
  bottom:2%;
  right:2%;
  z-index: 1;
  }

#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-color: #009900;
padding-top:40px;
padding-bottom:40px;
color:white;
}
#background2
{
width:100%;
background-color:black;
padding-top:40px;
padding-bottom:20px;
color:white;
}
#background3
{

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

#prot
{
	text-align:center;
}


#demo
{
	padding-top:3%;
}

#logo
{
	width:300px;
}
#sofia
{
	font-family:sofia;
	font-size:2.5em;
}



.mobileShow {display: none;}

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