#p_banner {width: 100%; height: 400px; transition: background 0.2s linear; background-repeat: no-repeat; display: flex; align-content: center; justify-content: center;}
#banner_subject { display: flex; justify-content: center; flex-direction: column; width: calc(100% - 60px); max-width: 970px; margin:0 30px;}
#banner_subject h2 { color: #fff; font-size:26px; font-weight: 600; letter-spacing: -.01em; margin-top:15px;}
#NVLR {max-width:180px}
.intro-large-text { font-size: 22px; line-height: 32px; padding: 10px 0;}
.title-large {padding: 10px 0; display: block;}
.panel_Roadmap {background-color: #c3c3c3; padding: 50px 0;}
.panel_Roadmap h3 {color:#292929; text-align:center;}
.newtable {font-size:13px;}
.newtable tr:first-child td {font-weight:bold;}
.newtable tr td:not(:first-child) {text-align:center;}

@media(min-width: 1200px) {
    .title-large { font-size: 36px; line-height: 40px;}
}
@media (max-width: 1199px) and (min-width: 768px) {
    .title-large { font-size: 32px; line-height: 32px;}
}

@media (min-width: 992px) {
    #p_banner {background-position: 60% 50%;}
        #Roadmap_Ampere, #Roadmap_Ads {max-width:990px; margin:0 auto;}
}

@media (max-width: 991px) and (min-width: 785px) {
    #p_banner {background-position: 30% 50%;}
}

@media (max-width: 784px) {
    #p_banner {height: calc(100vw * 0.878); background-size: cover; align-items: flex-start;}
    #banner_subject { padding-top: 35px; margin: 0 40px;}
    #NVLR { max-width: 140px;}
}

@media (max-width: 580px) {
   #banner_subject h2 {font-size:22px;}
   #NVLR { max-width: 130px;}
   .title-large {padding-bottom:0; margin-bottom:0;}
}

@media(min-width: 461px) {

}

@media(max-width: 460px) {
    #banner_subject h2 { font-size: 20px;}
}