/* index page style */
body {
    font-family: Arial, Helvetica, sans-serif;
    overflow: scroll;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
a{
  color: black;
  text-decoration: none}
header {
  position: absolute;
  margin-left: 5%;
  margin-top: -2%;}
.description {
    font-size:1.5vw;
    margin-top: -10%;}
.description div {
  padding-bottom: 2px;}

.main {
  margin-top: 4%;}
#menu {
  bottom: -25px;
  color: black;
  margin-left: 2%;
  margin-right: 5%;
  width: 85%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  font-size: 1.7vw;
  font-weight: 450}
 
  .background_normal{
    margin-left: 0px;
    width:100%
  }

.background1, .background2, .background3, .background4, .background5, .background6, .background7{
  display: none;
  margin-left: 0px;
  width: 100%;
}

 a.color1:hover{ color: #64a5da;}
 a.color2:hover{ color: #fab52a;}
 a.color3:hover{ color: #13ac9f;}
 a.color4:hover{ color: #ea4c63;}
 a.color5:hover{ color: #ce884b;}
 a.color6:hover{ color: #1c529f;}
 a.color7:hover{ color: #C2A59D;}
#contact {
  float: right;
  margin-top: 7%;
  height: 110px;
  font-size:1.8vw;
  }

#second_line {
  float:right;
  margin-left: 10px;}

.links:hover {
 color: gray;
}


   /* @media all and (min-height:50px) {
    body {
      overflow:visible;
    }  }  */
@media all and (min-width: 502px) {
      .container_mobile {
          display:none; }
  }