/*--Navigation--*/
.navigation-container img {
    max-width: 150px !important;
    padding: 0 !important;
}
.navbar .nav-link {
    font-weight: 400;
}
/*Navigation dropdown separated*/
.nav-item {
    padding: 5px 0;
}
#navbarSupportedContent {
    position: absolute;
    top: 75px;
    left: -15px;
    width: calc(100% + 30px); 
    background-color: white;
    padding-left: 35px;
    padding-right: 15px;
    padding-bottom: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.navbar-collapse.shrink {
    top: 73px !important;
    -webkit-transition: top 0.2s; 
    transition: top 0.2s;
}

/*--Guideline--*/
.guidelines .inner {
    padding: 150px 0 80px 0;
}
.guidelines h1 {
    font-size: 14vw;
}
.guidelines h3 {
    font-size: 2em;
}
.guidelines h4 {
    font-size: 2em;
}
.guidelines p {
    font-size: 1.05em;
    text-align: justify;
}

/*--Tools--*/
    /*GI guidelines tool*/
.GI_guide_tool {
    padding: 50px 0 50px 0;
}
.GI_guide_tool h2 {
    font-size: 2.2em;
}
.GI_guide_tool h3 {
    padding-bottom: 15px;
    font-size: 1.3em;
}
.GI_guide_tool p {
    font-size: 1.08em;
    padding-bottom: 30px;
    margin: 0;
}
.GI_guide_tool img {
    padding-top: 0px;
    width: 180px;    
}
.GI_guide_tool .second {
    margin-top: 20px;
}
    /*Nutrition guidelines tool*/
.Nutrition_guide_tool {
    padding: 50px 0 50px 0;
}
.Nutrition_guide_tool h2 {
    font-size: 2.2em;
}
.Nutrition_guide_tool p {
    font-size: 1.08em; 
}
    /*Hepatology guidelines tool*/
.Hepatology_guide_tool {
    padding: 50px 0 50px 0;
}
.Hepatology_guide_tool h2 {
    font-size: 2.2em;
}
.Hepatology_guide_tool h3 {
    padding-bottom: 15px;
    font-size: 1.3em;
}
.Hepatology_guide_tool p {
    font-size: 1.08em; 
    padding-bottom: 30px;
    margin: 0;
}
.Hepatology_guide_tool img {
    padding-top: 0px;
    width: 180px;    
}
    /*PPN Tool*/
.tools {
    padding: 50px 0 50px 0;
}
.tools h2 {
    font-size: 2.2em;
}
.tools p {
    font-size: 1.08em;
}
.tools img {
    padding-top: 0px;
    width: 180px;
}

/*--Guides--*/
.guides {
    padding: 50px 0 34px 0;
}
.guides p {
    font-size: 1.08em;
}
.guides .second {
    margin-top: 20px;
}
.guides img {
    max-width: 180px;
}
.guide-icon {
    width: 180px;
    height: 180px;
}

/*Download*/
.download {
    padding: 50px 0 50px 0;
}
.download h2 {
    font-size: 2.2em;
}
.download p {
    font-size: 1.08em;
}
.download .small-screen-download {
    padding-top: 40px;
}
.download .bottom {
    display: none;
}
.download .small-screen-download {
    display: block;
}
#apple {
    padding-right: 30px;
}
#android {
    padding-left: 30px;
}
@media only screen and (max-width: 257px) {
    #apple {
        padding-right: 0px;        
    }
    #android {        
        padding-left: 0px;
    }
}

/*--About--*/
.about {
    padding: 15px 0 34px 0;
}
.about p {
    font-size: 1.08em;
    text-align: justify;
}

/*--Extremly small screens--*/
@media only screen and (max-width: 320px) {
    .navigation-container .navbar-brand {
        margin: auto !important;
        padding-bottom: 10px !important;
    }
    .navigation-container .navbar-toggler {
        margin: auto !important;
    }
    #navbarSupportedContent {
        position: absolute;
        top: 80px;
    }
    .navbar-collapse.shrink {
        top: 78px !important;
        -webkit-transition: top 0.2s; 
        transition: top 0.2s;
    }
}
@media only screen and (max-width: 253px) {
    .navigation-container .navbar-toggler {
        padding-right: 12px;
    }
    #navbarSupportedContent {        
        top: 118px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-collapse.shrink {
        top: 116px !important;
        -webkit-transition: top 0.2s; 
        transition: top 0.2s;
    }
}

.admin-navbar {
    flex-direction: column;
    margin-left: 0;
    padding-left: 0;
    padding-top: 10px;
}

.admin-navbar .admin-navbar__item {
    padding: 5px 0px;
    height: 50px;
}

.admin-navbar .admin-navbar__item a {
    padding: 0.5rem 0rem;
    font-weight: 400 !important;
}

.admin-navbar .admin-navbar__item:hover {
    box-shadow: none !important;
}

.nav-item__download {
    padding: 5px 0;
    margin-left: 0;
}