body {
    padding: 0;
    margin: 0;
    background: #00569F;
}
.link:hover {
    background-color:transparent;
}
header {
    z-index: 5;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    background-color: #113849;
    display: flex;
    align-items: center;
}
input{
    font-family: "Inknut Antiqua";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
.brand {
    height: 100% ;
    background-color:#113849;
}
.brand:hover {
background-color:#113849;
}

nav {
    flex-grow: 1;
}

    nav ul {
        float: right;
        margin-right: 2.5%;
        list-style: none;
        padding: 0;
    }

        nav ul li  {
            display: inline-block;
            margin: 0 0.7vw;
        }

            nav ul li a, .whitetxtbtn {
                color: #fff;
                font-family: "Inknut Antiqua";
                font-size: 12px;
                font-style: normal;
                font-weight: 600;
                border:0px transparent  solid;
                background-color:transparent;
                border-radius: 3px;
                text-decoration: none;
                padding: 5px;
                border-radius: 10px;
            }

a:hover, a:active, .whitetxtbtn:hover {
    cursor:pointer;
    background-color: #F1FCFF;
    color: #00569F;
}
.labelLink {

}


.checkbtn {
    font-size: 32px;
    color: #fff;
    float: right;
    margin-right: 2.5%;
    margin-top: 10px;
    cursor: pointer;
    display: none;
}

#check {
    display: none;
}

.logoWrapperOrg {
    height: inherit;
    display: flex;
    align-items: center;
    height: 80%;
    margin-left: 2.5%;
}

.logoTextPC {
    display: inline;
    color: #fff;
    font-family: "Inknut Antiqua";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    border-radius: 3px;
    margin-left: 1.75vw;
}

.logoTextmob {
    display: inline;
    color: #fff;
    font-family: "Inknut Antiqua";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    border-radius: 3px;
    margin-left: 1.75vw;
    display: none;
}

.bluetxt {
    color: #00569F;
}

.whitetxt {
    color: #F1FCFF;
}

.imgeTitleTxt {
    font-family: "Inknut Antiqua";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

section {
    text-align: center;
}


@media (max-width :1600px) {
    nav ul li a {
        font-size: 10px;
    }

    .logoTextPC {
        font-size: 25px;
    }
}

@media (max-width :1420px ) {

    .logoTextPC {
        display: none
    }

    .logoTextmob {
        display: block
    }
}

@media (max-width :1200px ) {
    header {
    height:10vh;
    }
    nav ul div {
        display: block;
        background-color: #F1FCFF;
        border-radius:50px;
        width: 80%;
        margin: auto;
    }
    .checkbtn {
        display: block;
    }

    nav ul {
        display:none;
        margin-right: 0;
        position: fixed;
        margin: auto;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0,0, 0.5);
        opacity:0;
        top: 9vh;
        text-align: center;
        left:0%;
        transition: all .5s;
    }

        nav ul li {
            display: block;
            padding:2vh;
            line-height: 30px
        }

            nav ul li a {
                
                font-size: 20px;
                color: #00569F;
                font-weight: 700;
            }
    .labelLink {
        display:block;
    }

    #check:checked ~ ul {
        display:block;
        opacity:1;
    }
}


