body {
    min-height: 100vh;
    margin:0;
    display: flex;
    font-family: "Helvetica Neue", sans-serif;
    font-size:1rem;
}

.bold{
    color: royalblue;
    font-weight: bold;
    font-size: larger;
}

.divWrapper {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.divHdr {
    min-width: 100vw;
    min-height: 10vh;
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content: center;
    text-align:center;
    background-color: royalblue;
    color: white;
}

.hdr1{
    font-size:5vw;
    font-weight: bold;
    padding:1vw;
}

.divContent{
    font-size:4vw;
    padding: 2vw 10vw 1vh;
    align-items:center;
    justify-content: center;
    text-align:center;
    color:black;
    max-width:100vw;
    max-height:100%;
    min-height: max-content;
}

.divFooter{
    min-width: 100vw;
    min-height: 5vh;
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content: center;
    text-align:center;
    background-color: royalblue;
    color: white;
}

.imgLogo {
    margin:1vw;
}

.imgLogo{
    width:25%;
}

@media screen and (width>=1366px){
    .hdr1{font-size:4vw;}
    .divContent{font-size:2.75vw;padding-top:2vh;}
    .imgLogo{width:12%;}
}

@media screen and (width>=1024px) and (width<1366px){
    .hdr1{font-size:4vw;}
    .divContent{font-size:3vw;padding-top:3vh;}
    .imgLogo{width:18%;}
}

@media screen and (width>600px) and (width<1024px){
    .hdr1{font-size:4.5vw;}
    .divContent{font-size:3vw;padding-top:4vh;}
    .imgLogo{width:20%;}
}

@media screen and (width<=600px) {
    .hdr1{font-size:7vw;padding:1vh;}
    .divContent{font-size:5vw;padding-top:5vh;}
    .imgLogo{width:30%;}
}