/* 
1.pagina
1.1.secao
1.1.1.titulo
1.1.2.subtitulo
1.1.1.2.paragrado */

            html1 {
                font-family: 'Yanone Kaffeesatz', sans-serif;    
            }     
            
            html {
                font-family: "Open Sans", sans-serif;
                font-optical-sizing: auto;
                /* font-weight: <weight>; */
                font-style: normal;
                font-variation-settings:
                    "wdth" 100;            
            }                 

        

            a {
                /* color:black; */
                color:blue;

                text-decoration:none;
            }            

            @media   (width <= 500px)      {

                pagina{
                    display: grid  ;
                    grid-template-columns: 1fr;    
                    /* grid-template-columns: 1fr 1fr;      */

                    grid-gap: 5px;
                }   
            }    

            @media   (width > 500px)      {

                pagina{
                    display: grid  ;
                    /* grid-template-columns: 1fr;     */
                    grid-template-columns: 1fr 1fr;     

                    grid-gap: 5px;
                }    
            }   
               
            
            secao{
                display: block  ;
                grid-template-columns: 1fr;     
                grid-gap: 5px;
            }    
            
            artigo{
                display: grid  ;
                grid-template-columns: 1fr;     
                grid-gap: 5px;
            }                    

            titulo{
                /* font-family: 'Shadows Into Light', cursive; */

                font-size:larger; 
                display: block;

                border-bottom-style: solid;
                border-bottom-width: 1px;
            }            

            subtitulo{
                /* font-family: 'Shadows Into Light', cursive; */

                font-size:larger; 
                display: block;

                /* border-bottom-style: solid;
                border-bottom-width: 1px; */
            }       
            
            paragrafo{
                display: block ; 
            
                padding-top: 16px;
                /* font-size: 72px; */
                line-height: 1.5;
            }    

            img{
                width:66%;
                display: block;
                margin-left: auto;
                margin-right: auto;                

            }

            video {
                width:33%;
                display: block;
                margin-left: auto;
                margin-right: auto;                             

            }