img {
    width: 100%;
    height: 100%;
}

.nadia-title {
    font-family: Noto, sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    line-height: 54px;

    margin-top: 4vw;
    margin-bottom: 5vw;
}

.nadia-subtitle {
    font-family: Noto, sans-serif;
    /*font-style: normal;*/
    font-weight: 900;
    font-size: 24px;
    line-height: 33px;

    margin-top: 4vw;
    margin-bottom: 4vw;
}

.nadia-body {
    font-family: Noto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;

    margin-bottom: 3vw;
    margin-top: 3vw;
}

.nadia-img {
    margin-bottom: 4vw;
    margin-top: 4vw;
    /*border-radius: 5%;*/

}

.nadia-figure {
    background-color: #f8f9fa !important;
    /*background-color: #FFFFFF!important;*/
    border-radius: 10px;

    padding: 2%;
    margin-bottom: 4vw;
    margin-top: 4vw;
}


.bg-dark {
    background-color: #464646 !important;
    -webkit-transition: background-color 1s;
}

.bg-light {
    -webkit-transition: background-color 1s;
}

.iconbox {
    background-color: #f8f9fa !important;
    /*background-color: #FFFFFF!important;*/
    border-radius: 2vh;

    padding: 5%;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.subhead {
    font-family: Noto, sans-serif;
    /*font-style: normal;*/
    font-weight: bolder;
    font-size: 24px;
    line-height: 33px;
    text-align: center;

    margin-top: 42px;
    margin-bottom: 42px;
}


main {

    margin-top: 80px;
    /*margin-bottom: 50px;*/
}

/*.navbar-brand {*/
/*    font-family: Noto, serif;*/
/*    color: inherit;*/
/*    font-weight: 700;*/
/*    font-size: xx-large;*/
/*    -webkit-transition: color 1s;*/
/*}*/

/*.navbar-brand:hover {*/
/*    -webkit-transition: color 1s;*/
/*}*/


.top-title {
    font-family: Noto, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 54px;
    line-height: 56px;

    margin-top: 2vw;
    margin-bottom: 10%;
}


.summary-paragraph {
    font-family: Noto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 32px;
}

.subtitles {
    font-family: Noto, serif;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 33px;
    margin-top: 32px;
}

.subtitles a {
    text-decoration: none;
    /*border-bottom: 1px solid gray;*/
    color: inherit;
}

.subtitles a:hover {
    color: inherit;
    border-bottom: 2px solid gray;
}

.mylink {
    font-family: Noto, sans-serif;

    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height */
}


.btn {
    box-shadow: none !important;
    outline: none !important;
}


.mylink a {
    text-decoration: none;
    /*border-bottom: 1px solid gray;*/
    color: inherit;
}

.mylink a:hover {
    color: inherit;
    border-bottom: 2px solid gray;
}


.footlinks {
    font-family: Noto, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;
    /* identical to box height */
}


.footlinks a {
    /*all: inherit;*/
    text-decoration: none;
    /*border-bottom: 1px solid gray;*/
    color: inherit;
    border-bottom: 2px solid inherit;

    font-family: Noto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.5em;
}

.footlinks a:hover {
    color: inherit;
    border-bottom: 2px solid gray;
}


.bottombox {
    margin-bottom: 80px;
}