@charset "utf-8";
/* CSS Document */
body{
     margin: 0;
}

h1{
   font-size: 30px;
}



.header{
        background: #000000;
        color: #ffffff;
        padding: 45px 20px 45px 20px;
        position: relative;
}

.logo-1{
        position: absolute;
        left: 20px;
        top: 10px;
        font-size: 20px;
        line-height: 0px
}

.logo-2{
        position: absolute;
        left: 15px;
        top: 25px;
        font-size: 40px;
        line-height: 0px
}

.mail-1{
        position: absolute;
        right: 100px;
        bottom: 20px;
}

.mail-2{
        position: absolute;
        right: 103px;
        bottom: 0px;
        font-size: 16px;
}

.header a{
          text-decoration: none;
}

.header a:link{
               color: #ffffff;
}

.header a:visited{
                  color: #ffffff;
}

.header a:hover{
                color:#0099ff;
}
.header a:active{
                 color: #ffffff;
}
 

.menu{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 90%;
      line-height: 50px;
      font-weight: 700;
      list-style: none;
}

.vertical-line{
               background-color: #000000;
               width: 2px;
               height: 50px;
}

.menu a{
        text-decoration: none;
}

.menu a:link{
             color: #000000;
}

.menu a:visited{
                color: #000000;
}

.menu a:hover{
              color:#0099ff;
}

.menu a:active{
               color: #000000;
}



.container{
           text-align: center;

}

.whats{
       width: 920px;
       margin: 0 auto;
}

.image{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      justify-content: space-around;
}

.products{
       width: 920px;
       margin: 0 auto;
}

.image2{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      justify-content: space-around;
}

.footer{
        background: #000000;
        color: #ffffff;
        padding: 100px 20px 100px 20px;
        position: relative;
        line-height: 5px
}

.cp{
   font-size: 20px;
   position: absolute;
   left: 95px;
   top: 20px
}


.company{
    position: absolute;
    left: 100px;
    top: 50px;
}

.sp{
   font-size: 20px;
   position: absolute;
   right: 260px;
   top: 20px
}

.shop{
    position: absolute;
    right: 100px;
    top: 50px;
}


.footer a{
          text-decoration: none;
}

.footer a:link{
               color: #ffffff;
}

.footer a:visited{
                  color: #ffffff;
}

.footer a:hover{
                color:#0099ff;
}

.footer a:active{
                 color: #ffffff;
}