#a1{
    background-color: #F4F4F4;
}
article{
margin: 0 0 0 30px;
padding:10px;
background-color: #ffffff;
}

article h1{
    margin:0;
    font-size: 30pt;
    font-weight: 100;
}

article h1 span{
    font-size: 14pt;
    font-weight: 600;
}

.year_mpney{
    width:290px
    }
    
    .year_mpney >div{
    padding:10px;
    justify-content:space-between;
    display:flex;	
        
    }
    
    
    .year_mpney > div div:nth-child(1) {
      order: 2;  
    }
      
     .year_mpney > div:nth-child(2) div:nth-child(1) {
     background-color:#F2B748;
     padding:10px;
    }
    
    .year_mpney > div:nth-child(1) div:nth-child(1) {
     margin-right:30px
    }
    
     .year_mpney > div:nth-child(2) div:nth-child(2) {
     
     padding:10px 10px 10px 0;
    }
      
    .year_mpney >div:last-child{
        font-weight:600
    }

.brand{
    display:flex;
}
.brand >div{
    padding:10px;
}
section {
    min-height:50px;
    width:330px;
    background-color:#fff;
    border: 2px solid #F2B748;
    border-top: 1px solid #F2B748;
    padding:10px 5px; 
    margin:0;
    }
    .cpcost{
        background-color:#ffffff;
     
        border: 1px solid #F2B748;
        border-top: 2px solid #F2B748;
    }
    
    .cpcost div{
     width:100%;
    border-left: 1px solid #F2B748;
    border-right: 1px solid #F2B748;
     padding:5px 0 5px 15px;
        
    }
    
    section:first-child {
    border-top: 2px solid #F2B748;	
    }
      pre{font-family:Roboto !important;
         margin:0;
         padding:0;
         font-size:13pt
    
         }
         section>div{
          display:flex;
          justify-content:space-between;
    }
    
    section .money, .label a{
        color:#000000;
     
        font-weight:600;
        text-decoration:none;
    }
    
    section>div:last-child{
        margin:10px 0 0 0;
    }
    
    section.active{
    background-color:#F4F4F4
    }
    section:hover{
        cursor:pointer;
        background-color:#F4F4F4
    }
    
#a1 table{
    width:100%;
}
#a1 table tr>td{
    padding:15px;
    background-color:#F4F4F4   
}

 @media (max-width: 768px) {

#a1{
    flex-direction: column;
}
article {
    margin:0;
    padding: 5px;
}


#a1> :nth-child(1) { order: 2; }
#a1> :nth-child(2) { order: 1; }

.year_mpney{
    width:100%
    }

    section {
        min-height:50px;
        margin-left:3px;
        width:90%;
 
     }


 }