@media screen and (width < 950px) { 
    .hero-picture {
        height: 300px;
        min-width: 375px;
    }
	
	.page-hero {
        min-height: 350px !important;
    }
}

@media screen and (width < 850px) { 
    .hero-picture {
        min-width: 325px;
    }
}

@media screen and (width <= 750px) {
    /* page */
    .box {
        padding: 58px 10px;
    }

    header {
        padding-right: 0px;
    }

	.navbar {
		padding: 0px;
	}
	
    .navbar-dropdown {
        display: flex;
        justify-content: end;
    }
	
	.dropdown-window {
    	font-size: 1.25rem;
	}

    .page-hero {
        min-height: 300px !important;
    }

    footer .container { 
        flex-wrap: wrap;
        gap: 20px;
    }
    .footer-logo-container { flex: 0 0 100%; }

    /* width */
    .w-md-100 { width: 100%; }

    /* text */
    .txt-md-center { text-align: center; }

	/* display */
    .display-md-none { display: none; }
	.display-md-block { display: block; }

    /* flex */
    .flex-md-row { flex-direction: row; }
    .flex-md-column { flex-direction: column; }

    .flex-md-wrap { flex-wrap: wrap; }
    .flex-md-nowrap { flex-wrap: nowrap; }

    .align-items-md-center { align-items: center; }

    /* poopup */
    .popup-body { 
        padding: 10px;
    }

    .popup-max-height {
        max-width: calc(100vw - 30px);
    }
}