/*
Thame Name: James
Description: James thame
Author: James
Version: 2.0
*/

@import url("./reset.css");

.wrapper {
  width: 70%;
  margin: 0 auto;
  /*background-color: lemonchiffon;*/
}
.wrapper .nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: normal;
  margin-top: 12px;
  /*border: 1px solid;
    border-radius: 3px;
    background-color: mistyrose;*/
  overflow: hidden;
  font-size: 32px;
}
.wrapper .nav .tag {
  width: 420px;
  justify-content: space-between;
}
.wrapper .nav .tag .logo {
  width: 160px;
  height: 100px;
  border-radius: 12px;
  background-image: url(./logo.jpg);
  background-size: cover;
}
.wrapper .nav .tag .page-name {
  width: 249px;
  line-height: 3;
}
.wrapper .nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 37%;
  font-size: 18px;
  /*margin-left: 30%;*/
  margin-top: 10%;
  line-height: 2;
}
.wrapper .nav ul li {
  /*border: 1px solid;
      border-color: cyan;
      border-radius: 12%;
      border: 1px solid;*/
}
.wrapper .nav .hundred-percent, .wrapper .nav .menu {
  width: 100%;
  margin-top: 12px;
}
.wrapper .txt {
  width: 100%;
  height: 360px;
}
.wrapper .txt .head-text {
  text-align: center;
  margin-top: 136px;
  font-size: 36px;
}
.wrapper .txt .head-text2 {
  text-align: center;
  margin-top: 36px;
  font-size: 16px;
}
.wrapper .txt .head-text3 {
  text-align: center;
  font-size: 16px;
  line-height: 2;
  background-color: #000;
  color: #fff;
  width: 120px;
  margin: 36px auto;
  border-radius: 12px;
}
.wrapper .pic {
  width: 100%;
  height: 360px;
  background-image: url(./theme.jpg);
  background-size: cover;
}
.wrapper .articles {
  width: 100%;
  justify-content: center;
  padding: 12px;
  /*background-color: seashell;*/
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1.5;
}
.wrapper .articles .content {
  width: 300px;
  align-self: baseline;
  margin: 12px;
  padding: 12px;
  box-sizing: border-box;
  overflow: hidden;
  /*background-color: powderblue;
      border: 1px solid;
      border-color: cyan;
      border-radius: 12px;*/
}

@media only screen and (max-width:1000px){
  .wrapper{
    width: 100%;
  }
}