@import url(welcome_new_comer.css);

.functionTitle,
#appFeatures{
    font-size: 3rem;
    text-align: center;
    padding: 0.5rem 0rem;
    border-radius: 2rem;
    margin: 4rem 2rem 2rem 2rem;
    background-color: rgba(179, 138, 76, 1);
    color: white;
    font-style: italic;
}

    #appFeatures > small{
        font-size: 1.5rem;
        margin-left: 1rem;
    }

main#main h4.functionTitle{
    font-size: 1.25rem;
    margin: 1rem auto 2rem auto;
    max-width: 9rem;
    font-style: normal;
}

#realtimeAttn{
    margin-top: 3.5rem;
}

#priceAttn,
#realtimeAttn{
    font-weight: bold;
}

#pushAttn{ margin-top: 6.5rem;
           font-weight: bold;
           font-size: 1.25rem;
}

#adfs_fig6,
#adfs_fig5{
    margin-bottom: -10rem;
}

#adfsPrDLButton{
    width:70%;
    display: block;
}

main#main h3.subtitleH3.color_17 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}
main#main .movie-wrap{
    margin-top: 1rem;
}




@media (max-width: 321px) {
        main#main #adfsPrDLButton{ font-size: 0.75rem; }
}

@media (max-width: 480px) {
    .spNoOffset > img{
        margin-bottom: 1.5rem;
    }
    
    main#main p {
        font-size: 4.5vw;
        font-weight: 400;
    }
    
    #appFeatures > small{
        font-size: 1rem;
    }
    
    #appFeatures {
        font-size: 6vw;
    }

    #appFeatures > small{
        display: block;
        text-align: center;
    }
    main#main #adfsPrDLButton{ width: 100%;font-size: 0.8rem; }
    
        #main div.col-lg-10 h3.subtitleH3+p{ text-align: center;  }
        
        html body main#main #adfs_fig7Wrap,
        html body main#main #adfs_fig4Wrap{
            text-align: center !important;
        }
        
        html body main#main #adfs_fig4Wrap img{ margin: auto; }
        #realtimeAttn{ margin-top: 1rem; }
        
        h4.functionTitle{ margin-bottom: 1rem ; } h4.functionTitle+h4.functionTitle{ margin-top: 3rem; }
        #adfs_fig6, #adfs_fig5 { margin-bottom: 1rem; }
        #pushAttn{ margin: 1rem auto;text-align: center; }
        #adfsPrDLButtonWrap{ margin-top: 3rem; }
}

@media (min-width: 480px) and (max-width: 769px) {
    div#fee0attn > div+div{
        margin-top: 1rem;
    }
    
    #optionAttn{ margin-top: 6rem; margin-bottom: 6rem; }
    #realtimeAttn,#pushAttnWrap #pushAttn{ margin-top: 1.5rem; }
    
    #pushAttnWrap div,
    main#main div#pageMainContainer div#fee0attn > div,
    main#main div#pageMainContainer div#adfs_fig4Wrap,
    main#main div#pageMainContainer div#adfs_fig4Wrap+div.col-lg-8{
        text-align: center !important;
    }
    
    
    #funcList div.col-lg-4{
        width: 33%;
    }
    
}