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

li
{
	font-size:1.2em;
}

#vid
{
	
}

.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';
	padding-bottom:5px;
}

#prote
{
	text-align:center;
	
}

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

width:100%;
background:url(../images/f1.jpg)no-repeat;
background-attachment: 100%;
background-position: center;
background-size:100%;
margin-top:5em;
padding-bottom:50px;
margin-bottom:10px;

}


#demo
{
	padding-top:3%;
}

#logo
{
	width:400px;
}
#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;}
}