@charset "utf-8";
#topwrapper {
    margin: 0 auto 0 auto;
    border-top: 1px solid #646571;
    border-bottom: 1px solid #646571;
    background: url(../layout/images/top/main2_1080x520.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.tarticlewrappper {
    min-width: 320px;
    max-width: 1000px;
    margin: 0 auto 0 auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.tarticle {
   padding: 21px 7px 39px 7px;
}
h2.tarticle  {
   box-sizing: border-box;
   font-size: 25px;
   max-width: 540px;
   margin: 0;padding: 0;
   color: #fff;
}
h2.tarticle a  {
    text-decoration: none;
    color: #fff;
}
.startedbutton {
    margin: 37px 0 27px 0; 
}
a.startedbutton {
    width: 41px;
    padding: 12px;
    font-size: 18px;
    text-decoration: none;
    background-color: #ccc;
    color: #270103;
    border: 2px solid black;
    border-radius: 25px;
    text-shadow: -1px 0 #270103, 0 1px #270103, 1px 0 #270103, 0 -1px #270103;
}
h3.tarticle {
    font-size: 17px;
    max-width: 420px;
    margin: 17px 0 0 0;padding: 0;
    line-height: 27px;
   color: #fff;
}
h4.tarticle {
    font-size: 11px;
    max-width: 200px;
    margin: 11px 0 0 0;padding: 0;
   color: #fff;
}

#bottomwrapper {
    text-align: center;
}
.articlewrappper {
    display: flex;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 70%;
    min-width: 320px;
    margin: 0 auto 0 auto;
    padding: 1%; 
}
.article {
    min-width: 259px;
    max-width: 259px;
    margin: 0 2% 3px 2%;
    padding: 0 7px 0 7px;
    border: 2px solid #777;
    box-shadow: 7px 7px 17px 0px #999;
    background-color: #fff;
    text-align: left;
}
h3.articleh3 {
    margin: 9px 0 11px 0; padding: 0 9px 0 9px;
    text-align: center;
   color: #270103;
}
h5.articledesc {
    padding: 0 9px 0 9px;
}

#headline {
    text-align: center;
    padding: 7px 0 7px 0;
}
h4.headline {
   font-size: 18px;
   color: #fff;
   font-weight: 500;
   margin: 0;padding: 0;
}