*{
margin:0;
padding:0;
}
body{
 background-color: white;
 color: black;
 font-family: "Oswald";
}
a:link {
  text-decoration: none;
}
#toIndex{
 color: black;
}
#top{
 width: 100%;
 text-align: center;
 background-color: white;
 z-index: 0;
 left: 0;
 right: 0;
}	

#center{
 margin-top: 100px;
 display: flex;
 justify-content: center;
 align-items: center;

 text-align: center;
 font-size: 20pt;
 z-index: 0;
}	
#contact{
  font-style: bold;
  color: rgba(40,40,40,1);
}		
#contact_central{
  width : fit-content;
  margin-left: auto;
  margin-right: auto;
}	
#videoBG{
 position: fixed;
 z-index: -1;
 left: 0;
 top: 0;
}		
.homebutton{
  width : 200px;
  padding: 5px;
  color: white;
  border: 1px solid white;
  margin: 10px;
  font-size: 15pt;
  transition-duration: 500ms;
  transition-property: font-size;
}
.homebutton:hover{
 background-color: white;
 color: black;
}	
#iframedemo{
}
@media (min-aspect-ratio: 16/9){
 #videoBG{
  width: 100%;
  height: auto;
 }
}
@media (max-aspect-ratio: 16/9){
 #videoBG{
  width: auto;
  height: 100%;
 }
}
@media (max-width: 767px){
 #videoBG{
  display: none;
 }
 #center{
  width: 90%;
 }
 body{
  background: url('../media/BGsnap_raph.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-color: black;
 }
 .homebutton{
  width : auto;
  padding-left : 20px;
  padding-right : 20px;
 }
}