*{
 box-sizing:border-box
}
body{
  magrin: 0;
  background-color:#ffffff;
}
img{width:auto;height:auto;}

#header-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:20px;
  height: 100%
}

#main-text{
margin:20px
}


#footer-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:20px;
  height:100%
}

#main-box{
 display: flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 margin-top:0px;
}

.frame{
padding:10px;
border:solid 1px
}

.img-lay{
 display: flex;
 justify-content: center;
 align-items:center;
 margin-top:-7px
}

#main-box2{
 display: flex;
 flex-direction:row;
 align-items:center;
 justify-content:space-evenly;
}

.text-lay{
justify-content: space-between;
}

media screen and (min-width:768px)
{
 #section-box{
  flex-direction:row;
 }
}