body{    
    font-family: 'barlowCondensed','Arial Narrow',sans-serif;
    font-size:2rem; 
    background-color:white;
    
}

/*
.toolsPage_HeaderPicture{
    /* To place the img at the center!*//*
    display:flex;
    justify-items: center;
    align-items: center;
    margin-bottom:2rem;
    
    width: 100%;
    height: 700px;
    overflow:hidden;
 
}

.toolsPage_HeaderPicture img{
    width: 100%;
    height: auto;
    /*object-fit: cover; /* Optional: maintain aspect ratio and cover the container *//*
    
}
        .hires{
            display: block;
        }
        .lowres{
            display:none;
        }
*/
.headerWrapper {
    background-color: rgb(0, 112, 192);
}
.headerWrapper a{
    color:white;
}

.toolsPageHeader{

        width:auto;
        
        text-align: center;
        padding-top: 10rem;
}


.toolsWrapper{
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;
    flex-grow: 1;*/
    margin-left:20rem;
    margin-right:20rem;

}
    .toolsWrapper p{
        padding-bottom:2rem;
    }
    .toolsWrapper h2{
        /*text-align: center;*/
        padding-bottom:1rem;
    }   
    

            @media screen and (max-width:481px) and (orientation: portrait){
                                            
                .toolsPageHeader{

                    text-align: center;
                    padding-top: 7rem;
                }
                .toolsWrapper{
                    display: flex;
                    flex-direction: column;
                    /*flex-wrap: wrap;
                    flex-grow: 1;*/
                    margin-left:2rem;
                    margin-right:2rem;
                    font-size:1.6rem;
                    
                }

                .navbar{
                    color:white;
                }

                .navbarItem{
                    background-color: none; 
                    color:white;                   
                }


                .navbarMoveUp{
                 }
                    .navbarMoveUp a{
                        color:white;       
                    
                    }
                    .navbarMoveUp .logo h1{
                        border:5px solid white;
                    }
                    .navbarUL_MobilOpen{
                        display: block !important;
                        height:100vh !important;
                        width: 85vw;
                        
                        background-color: rgb(0, 112, 192);
                        /*color:white;*/
                        opacity:1;   
                        
                    }

                .iconBars_MobilOpen{
                    background-color: rgb(255, 255, 255) !important;

                }

            }

            @media screen and (min-width: 482px) and (max-width: 767px) and (orientation: portrait){

                .toolsPageHeader{
                    text-align: center;
                    padding-top: 7rem;
                }
                .toolsWrapper{
                    display: flex;
                    flex-direction: column;
                    /*flex-wrap: wrap;
                    flex-grow: 1;*/
                    margin-left:2rem;
                    margin-right:2rem;                  

                }

                .navbarMoveUp{
                }
                   .navbarMoveUp a{
                       color:white;      
                   
                   }
                   .navbarMoveUp .logo h1{
                       border:5px solid white;
                   }
                   .navbarUL_MobilOpen{
                       display: block !important;
                       height:100vh !important;
                       width: 85vw;
                       
                       background-color: rgb(0, 112, 192);
                       opacity:1;   
                       
                   }

               .iconBars_MobilOpen{
                   background-color: rgb(255, 255, 255) !important;

               }
                

            }

            @media screen and (min-width: 768px) and (max-width:1025px){
                .toolsPageHeader{
                    text-align: center;
                    padding-top: 10rem;
                }
                .toolsWrapper{
                    display: flex;
                    flex-direction: column;
                    /*flex-wrap: wrap;
                    flex-grow: 1;*/
                    margin-left:2rem;
                    margin-right:2rem;                  

                }
            }

            @media screen and (min-width: 1026px) and (max-width:1250px){
                .toolsPageHeader{
                    text-align: center;
                    padding-top: 10rem;
                }
                .toolsWrapper{
                    display: flex;
                    flex-direction: column;
                    /*flex-wrap: wrap;
                    flex-grow: 1;*/
                    margin-left:2rem;
                    margin-right:2rem;                  

                }
            }