body {
  margin: 0px;
  display: grid;
}


.menu {
  position: fixed;
  width: 100%;
  top: 0px;
  margin: -9vh 0;
}
#menu-aligner {
  width: 100%;
  overflow: hidden;
}

.Logo-Container {
  margin-left: auto; 
  margin-right: auto;
  height: 8vh;
  width: 8vh; /* is Img Height*/
  cursor: pointer;
  position: relative;
}
.Anti-Real-Img {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.Hamburger {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.Hamburger span {
  display: block;
  width: 70%;
  height: 1vh;
  margin: 1vh auto;
  position: relative;
}

#site_menu {
  width: 100%;
  height: 5vh;
  font-family: 'roboto';
  font-size: clamp(2rem, 3vh, 4rem);
  text-decoration: none;
  display: flex;
  justify-content: center;
}
#site_menu .menu-item {
  margin: auto;
  font-family: 'roboto';
  text-decoration: none;
}
#site_menu a, .Sites-Container a {
  cursor: pointer;
}


.Sites-Container {
  margin-top: -0.1vh;
  margin-left: auto; 
  margin-right: auto;
  width: 100%;
  height: 4vh;
  display: flex;
  justify-content: center;
}
.site-item {
  font-family: 'roboto';
  font-size: clamp(2rem, 3vh, 4rem);
  text-decoration: none;
  text-align: center;
  padding: 0 1vw;
}
.site-item:first-child {
  margin-left: auto;
}
.site-item:last-child {
  margin-right: auto;
}
.menu:hover {
  margin: 0;
}


#Contents-Container {
  padding: 18vh 20vw 0 20vw;
}
#Contents {
	
}


#Footer{
  position: fixed;
  bottom: 0px;
  width: 100%;
  
}
#companyFooter {
  border-radius: 25px 25px 0px 0px;
  text-align: center;
  width: 50%;
  padding: 10px 0px;
  margin: 0 auto;
}
#bottomFooter {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: -1;
}

.Content, .Spacer {
  width: 100%;
  max-width: 100%;
}
.Spacer {
}
.ThemeImage {
  position: fixed;
  
  z-index: -1;
}