.finterssbold36-72
{
    font-size: 72rem;
}
.finterssbold36-48
{
    font-size: 48rem;
}

.finterssbold18
{
    font-size: 22rem;
    
}

.fpublicsw28
{
    font-size: 28rem;
}
.fpublicsw16
{
    font-size: 18rem;
    line-height: 32rem;
}

.svgexplore
{
    width: 20px;
    margin-left: 1em;

}
.svgspannav
{
    width: 35px;
    padding-left: .5em;
}

.svgspantopics
{
    width: 35px;
}



.pagegrid
{
    display: grid;
    grid-template-rows: max-content max-content 1fr max-content;
    grid-template-areas: 
    "nav"
    "header"
    "main"
    "footer"
    ;
}

nav
{
    display: flex;
    justify-content: center;
    grid-area: nav;
    min-height: 85PX;
    max-height: max-content;
}
    .navgrid
    {
        display: grid;
        width: 100%;
        max-width: 1800px;
        height: auto;
        grid-template-columns: 1fr 60px 1fr;
        grid-template-areas: 
        "search logo links"
        ;

    }
    .navsmallmenu, .navsmallsearch
    {
        display: none;
    }
    .navsearch
    {
        grid-area: search;
        display: grid;
        align-items: center;
        grid-template-columns: 1fr 4fr;
    }
        
        .navsearch input
        {
            margin-left: 2em;
            width: 200px;
        }
        
    .navlinks
    {
        grid-area: links;
        display: flex; 
        justify-content: right;  
        align-items: center;     
    }

    
.mainheader
{
    grid-area: header;
    display: flex;
    justify-content: center;
    min-height: 640px;

}
    .headergrid
    {
        padding: 0 2.5em 0 2.5em;
        max-width: 1800px;
        margin: 5em 0 0 0;
        min-height: inherit;
    }
    .hart p
    {
        width: 80%;
    }
    .hsect
    {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

main
{
    grid-area: main;
    display: grid;
    grid-template-rows:max-content 880px max-content 800px max-content 640px max-content;
    grid-template-areas:
    "fnews"
    "fstory"
    "imgday"
    "info"
    "lnews"
    "explore"
    "topics"
    ;
}

.fnews
{
    display: flex;
    justify-content: center;
    grid-area: fnews;
    min-height: 764px;
    padding: 4em 2.5em;
}
    .newsgrid
        {
            display: grid;
            grid-template-rows: 120px max-content max-content;
            grid-template-areas: 
            "nheader"
            "nblock"
            "nflex"
            ;
            max-width: 1300px;
        }
            .nheader
            {
                grid-area:nheader;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-start;
            }

            .nheader a
            {
                width: auto;
            }
            .nblock
            {
                grid-area:nblock ;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 1fr 1fr;
                grid-template-areas: 
                "nb1 nb1 nb2 nb3"
                "nb1 nb1 nb2 nb4"

                ;

                min-height: 450px;
            }

                .nb1pad
                {
                    padding-right: 1em;
                }

            .nflex
            {
                grid-area: nflex;
                display: flex;
                flex-direction: row;
                margin-top: 1em;
                height: max-content;
                align-items: center;
            } 
        

                .nfpadding
                {
                    padding: 0;
                    padding-right: 1em;

                }
                

.banner
{

    display: flex;
    justify-content: center;
}

    .bannergrid
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 100%;
        max-width: 1300px;
    }

        .bannerflex
        {
            display: flex;
            flex-direction: column;
            justify-content: end;
        }
.fstory
{
    grid-area: fstory;

}
.imgday
{
    grid-area: imgday;
    display: flex;
    justify-content: center;
}

    .imgdaygrid
    {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 160px 1fr;
        width: 100%;
        height: 100%;
        grid-template-areas: 
        "himgday fimgday"
        "simgday fimgday"
    

        ;
        max-width: 1300px;
    }
    
        .fimgday
        {                
        display: flex;
        justify-content: flex-start;
        grid-area: fimgday;
        max-width: 850px;
        
        }
            .img-imgday
            {
                max-width: auto;
                max-height: 550px;
            }
        
        .simgday, .himgday
        {
            padding-right: 2.5em;
        }
        
        .simgday a
            {
                margin-bottom: 0;
            }

.info
{
    grid-area: info;

}
.lnews
{
    display: flex;
    justify-content: center;
    grid-area: lnews;
    min-height: 764px;
    padding: 4em 2.5em;

}
.explore
{
    grid-area: explore;

}
.topics
{
    grid-area: topics;
    display: flex;
    justify-content: center;

}

.topicsgrid
{
    max-width: 1600px;
    overflow-x:hidden;
    width: 100%;
}


.tcardcontainer
{
    grid-area: tcardcontainer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    margin-bottom: 0;
    width: 100%;
    overflow: auto;
    padding: .5em;
}


.tcard
{
    min-width: 23%;
    height: 550px;
}
.tcard1
{
    margin-left: 0;
}
.tcard4
{
    margin-right: 0;
}


footer
{
    grid-area: footer;
    display: flex;
    justify-content: center;
}

.footergrid
    {
        display: grid;
        height: 100%;
        grid-template-rows: 1fr 2fr  max-content 1fr;
        grid-template-columns: repeat(6,1fr);
        grid-template-areas: 
        "logofooter logofooter logofooter logofooter logofooter logofooter"
        "nasaabout nasaabout footerlinks footerlinks footerlinks footersocial"

        "nasainfo nasainfo nasainfo nasainfo nasainfo nasainfo"
        "pageinfo pageinfo pageinfo pageinfo pageinfo pageinfo"
        ;
        min-height: 550px;
        max-height: 640px;
        max-width: 1450px;
    }
    
    
    .footerlinks
    {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: auto;
    
    }
    .footersocial
    {
        justify-content:flex-start;
        margin-top: 0;
        margin-bottom: 2.5em;
    }
        .footersocial p
        {
            margin-bottom: .5em;
        }
    .nasainfo
    {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: auto;
    }
        .aflinks-grey
        {
            margin-bottom: 1em;
        }
    
    .pageinfo
    {
        padding-top: 0;
    }

    @media (min-width: 1300px) {
    
        .svgexplore
        {
            margin-left: 0em;
        }
        .nasainfo
        {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
            .aflinks-grey
            {
                margin-bottom: 0;
            }
        .tcard
        {
            min-width: 23.5%;
            height: 700px;
        }
        .asocialicon
            {
               width: 35px;
               height: 35px;

            }
    }