html, body{
   width: 100%; 
   height: 100%;
   font-family: Consolas, sans-serif;
   margin: 0;
   padding: 0;
   background-color: #999;
   justify-content: left;
   align-content: left;
   flex-direction: column;
   color: #020;
   text-align: left;
   vertical-align: top;
}
#d{
   position: absolute;
   top: 25%;
   left: 5%;
   height: 40%;
   width: 60.15%; 
   font-size: 0;
   border-top: solid 3px #000;
   border-bottom: solid 3px #000;
}
#d1{
   vertical-align:top;
   position: absolute;
   top: 30%;
   left: 5%;
   height: 30%;
   width: 24.85%;
   text-align: left;
   font-size: 1.3vw;
   padding: 0 5% 0 5;
   border-bottom: solid 3px #000;
}
#d2{
   vertical-align:top;
   position: absolute;
   top: 30%;
   left: 35%;
   height: 30%;
   width: 30%;
   vertical-align:top;
   border-top: solid 3px #000;
   border-left: solid 3px #000;
}
#d3{
   vertical-align:top;
   position: absolute;
   top: 95%;
   left: 5%;
   height: 5%;
   width: 60.15%;
   vertical-align:top;
   border-top: solid 1px #666;
   color: #666;
   font-size: 0.8vw;
}
#image_div{
  position: relative;
  background: url(../img/email.jpg) no-repeat scroll center top transparent;
  height: 10%;
  border-top: solid 1px #000;
}
.circle{
   position: absolute;
   background: #000;
   top: 23%;
   width: 0.7%;
   padding-top: 0.7%;
   border-radius: 50%;
}
.circle_menu{
   top: 68%;
   left: 5%;
   width:5%;
   padding-top: 5%;
   border-radius: 50%;
   border-top:1px solid #000;
   border-bottom:1px solid #000;
   position: absolute;
}
.text_menu{
   top: 71.6%;
   left: 5.3%;
   color: #000;
   font-size: 1.3vw;
   position: absolute;
}