@media (max-width: 700px){
/* hamburger menu */
    .humburger{
        color: #636363;
    }
    .nav-links{
        background: #a0a0a0;
    }
    header .mobile{
        color: #636363;
    }
    .section-1{
        height: 100vh;
    }
    .content{
        padding: 4% 4%;
        position: absolute;
        bottom: 5%;
        right: 1%;
        margin: 0;
    }
    #heading1{
        font-size: 30px;
        line-height: 1.2;
    }
    #heading1 span{
        font-size: 140%;
        line-height: 1;
    }
    #heading1 br:nth-child(1){
        display: none;
    }
    #heading1 br:nth-child(2){
        display: inline-block;
    }
    .slider-inner1{
        margin-top: 5vh;
    }

    .slider-inner1,
    .slider-inner2,
    .slider-inner3{
        height: 20%;
    }
    #heading2{
        font-size: 20px;
        margin-top: 3%;

    }
    .section-2{
        width: 100%;
        height: auto;
        padding: 5vh 0;
    }
    .sec2content{
        height: auto;
    }
    .sec2content h1 br{
        display: block;
    }
    .section-2 h1{
        font-size: 30px;
    }
    .section-2 p{
        font-size: 13px;
    }
    .sec2img{
        width: 370px;
        height: auto;
    }
    .sec2img button, .view-more-link button{
        width: 50%;
        font-size: 12px;
        padding: 8px 0;
        margin-top: 3%;
        color: rgb(110, 140, 77);
    }
    .sec2img button:active, .view-more-link button:active{

        background: rgb(110, 140, 77);
        color: #ffffff;
        transition: .25s ease;
    }
    .section-3, .section-4{
        width: 90%;
        height: auto;
        margin-bottom: 30%;
    }
    .news-feed{
        width: 100%;
        height: auto;
    }
    .news-content{
        width: 100%;
        height: auto;
        margin-top: 3%;
    }
    .sentence{
        margin-top: 3%;

    }
    .news-button{
        width: 30%;
        margin: 30px auto;
    }

    .section-5{
        width: 80%;
        height: auto;
        margin-top: 0;
    }
    .access-content{
        flex-direction: column;

    }
    .access-info{
        text-align: center;
    }
    .map{
        display: block;
        margin: 1rem auto;
        width: 100%;
        height: auto;
    }
}
@media (max-width: 830px){
    .sec2img{
        width: 80%;
    }
    .section-5{
        width: 90%;
        height: auto;
        margin-top: 0;
    }
    .map{
        width: 350px;
    }
}
@media (max-width: 440px){
    .sec2img{
        width: 100%;
    }
}