html, body
{
  width: 100%;
  height: 100%;
  color: #7fb2b3;
  font-size: 14pt;
  font-family: "Glass Antiqua";
}

@font-face
{
  font-family: 'Glass Antiqua';
  src: url('/style/GlassAntiqua-Regular.ttf');
}

.bg_main
{
  margin: 10px;
  height: 95%;
  width: 95%;
  background: rgb(30,88,125);
  /*background-image: url("background_main.png");*/
  background: url("/images/background_main.png"), radial-gradient(circle, rgba(30,88,125,1) 25%, rgba(0,42,101,1) 100%);
  /*background: radial-gradient(circle, rgba(30,88,125,1) 25%, rgba(0,42,101,1) 100%);*/
  /*background-color: #002B64;/*#1e587d;*/
   
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
}

.bg_second
{
  margin: 10px;
  height: 95%;
  width: 95%;
  background: rgb(30,88,125);
  /*background-image: url("background_main.png");*/
  background: url("/images/background_second.png"), radial-gradient(circle, rgba(30,88,125,1) 25%, rgba(0,42,101,1) 100%);
  /*background: radial-gradient(circle, rgba(30,88,125,1) 25%, rgba(0,42,101,1) 100%);*/
  /*background-color: #002B64;/*#1e587d;*/
   
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
}

.divimg
{
  /*background-image: url("/images/background_main.png");*/ 
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
}

.movingring
{
  position: fixed;
  left: calc(50% - 171px);
  top: calc(50% - 180px);
}

.inspiration
{
  position: fixed;
  width: 10%;
  left: 10px;
  top: 50px;
}

.info 
{
  position: fixed;
  width: 10%;
  left: 60px;
  top: 200px;
}

.shop 
{
  position: fixed;
  width: 10%;
  left: 110px;
  top: 350px;
}

.delivery
{
  position: fixed;
  width: 10%;
  left: 160px;
  top: 500px;
}

/* ------------------------------*/
/* menu */
/* ------------------------------*/
.topnav
{
  overflow: hidden;
  position: fixed;
  top: 0px;
  padding: 0px;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #toggleMenu
{
  display: none;
  background-color: #ffffff;
  border: solid 1px #7fb2b3;
  grid-gap: 3px;  
}

/* Style navigation menu links */
.topnav a
{
  color: #7fb2b3;
  text-decoration: none;
  font-size: 110%;  
}

/* Add a grey background color on mouse-over */
.topnav a:hover
{
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active
{
  background-color: #04AA6D;
  color: white;
}