body{background-color:#a7acb2;font-size:16px;line-height:30px;font-family: Georgia, 'Times New Roman', Times, serif;}
#container{width:800px;margin:0 auto;background: rgb(50,49,45);
    background: linear-gradient(90deg, rgba(50,49,45,0.7959558823529411) 0%, rgba(18,30,28,1) 58%, rgba(18,30,28,1) 100%);}
#box-top{padding:40px 0px;}
#box-content{padding:10px;background-color:#FFF;}
.line{display: flex;;width:50%;margin:0 auto;height:1px;background-color:#FFF;}
.box-header{width:100%;display: flex;color:#FFF;text-align:center;background: rgb(18,30,28);
    background: linear-gradient(90deg, rgba(18,30,28,1) 0%, rgba(50,49,45,1) 58%, rgba(50,49,45,1) 100%);}
#box-links{width:100%;display: flex;background:#FFF;text-align:center;}    
.box{width:50%;float:left;min-height:200px;}
.box img{width: 80%;height: auto;}
h1,h2{color:#FFF;}
h1{padding:20px 0px 10px 0px;text-align:center;}
h2{padding:2px 0px;text-align:center;}
h2 span{padding:2px 0px;text-align:center; border:thin solid #FFF;padding:4px 20px;}
h3{color:#FFF}
.modal h2,.modal h3{color:rgb(50,49,45)}
.box.box-2 {background: #FFF;color:rgb(50,49,45);border-bottom:1px solid rgb(50,49,45);}
.box.box-1,.box.box-3{border-bottom:1px solid rgb(255, 255, 255);}

@media screen and (max-width: 800px) {
    #container{width:100%;}
    .box{width:100%;float:none;}
  }