@media (min-height: 1015px) {
	
	.page-template-upcoming #footer{ 
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	.page-template-upcoming #footer.footer-logged{
		position: inherit;
	}
	
}	
@media (max-width: 1799px) {
    #header {
        padding-left: 55px;
        padding-right: 55px;
    }

    .navbar .navbar-nav > li {
        margin: 0 13px;
    }

    .slick-prev {
        left: -70px;
    }
    .slick-next {
        right: -70px;
    }

    #textbox .photo {
        flex: 0 0 auto;
        width: calc(50% + 125px);
        margin-left: -125px;
    }
    #textbox .row:nth-child(even) .photo {
        margin-right: -125px;
    }
}

@media (max-width: 1599px) {
    #header {
        padding-left: 50px;
        padding-right: 50px;
    }
    #header .logo img{
	    width: 290px;
    }
    
    #hero{
	    height: 820px;
	    padding-bottom: 90px;
	    
	    padding-left: 4%;
		padding-right: 4%;
    }
    #hero .hero-photo{
	    width: 55%;
	    background-size: 100% auto;
    }
    #hero h1{
	    font-size: 70px;
    }
    #hero h3{
	    font-size: 27px;
    }
	.buttons a{
		font-size: 20px;
		padding: 17px 100px;
	}
	#mission .photo.photo-1{
		width: 105%;
	}
    #hero.hero_sub {
		  height: 420px;
		  padding-bottom: 70px;
  	}
  	
  	.home-headline h4{
	  	font-size: 15px;
  	}
  	.home-headline h2{
	  	font-size: 65px;
  	}
  	#guidelines{
	  	padding: 80px 0;
  	}
  	#guidelines .container-box{
	  	width: 90%;
  	}
  	#guidelines .container-box{
	  	margin: 20px auto;
  	}
  	
  	#founders .container{
	  	max-width: 96%;
  	}
}

@media (max-width: 1499px) {
    p, ul li, ol li{ font-size: 18px; }
    
    #about .headline h3{ font-size: 25px; }
    #about .content p{ font-size: 18px; }
    
    #guidelines .item{ padding: 40px 30px 30px 25px; }
    #guidelines .item .icon-box{ flex: 0 0 140px; }
    #guidelines .item .icon-box .icon{ width: 120px; height: 120px; }
    #guidelines .item .icon-box .icon img{ max-width: 50%;}
    #guidelines .item h2{ font-size: 28px; }
    #guidelines .item p{ font-size: 18px; }
    
    #founders .item .txt h2{ font-size: 28px; }
    #founders .item .txt h4{ font-size: 15px; }
    #founders .item .txt p{ font-size: 18px; }
    
}

@media (max-width: 1399px) {
    
    #hero{ height: 720px; }
    
    .container-form .form{ padding: 0 60px 0 0; }
    
    #contact{ padding: 80px 0 40px; }
    
    #footer .row-footer{ padding: 40px 0; }
    #footer .contact .phone,
    #footer .call{ font-size: 27px; }
    #footer .call i{ font-size: 17px; }
    #footer .logo img{ width: 250px; }
}

@media (max-width: 1199px) {
    
	#header .phone a{
		font-size: 17px; 
		padding: 14px 24px 13px;
	}
	#header .contact a {
		font-size: 17px; 
		padding: 14px 40px 13px;
	}
	#hero{
		height: 630px;
		padding-bottom: 70px;
	}
	#hero h1{
		font-size: 56px;
	}	
	#hero h3{
		font-size: 21px; 
	}
    .navbar {
        margin-right: 0;
    }
    .navbar button{
	    display: none;
    }
    .navbar .navbar-nav .nav-link{
	    font-size: 18px; 
    }
    .icon-bar {
        background-color: #000;
    }
    .navbar-collapse #main-menu {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 310px;
        max-height: 80vh;
        top: 50px;
        left: -30px;
        padding: 30px 25px;
        background-color: #FFF;
        box-shadow: 0 8px 15px rgba(0, 0, 0, .15);
        transform-origin: 50% 0;
        transform: scaleY(0);
        transition-duration: 250ms;
        overflow-y: auto;
    }
    .navbar-collapse.show #main-menu {
        transform: scaleY(1);
    }

    .navbar-collapse #main-menu > li {
        width: 100%;
        height: auto;
        margin: 0;    
    }
    .navbar-collapse #main-menu > li:first-of-type {
        display: block;
    }
    .navbar-collapse #main-menu > li > a {
        color: #000;
        padding: 12px 15px;
        margin: 0;
        border-bottom: 0;
    }
    .navbar-collapse #main-menu > li.current-menu-item > a,
    .navbar-collapse #main-menu > li.current-page-parent > a,
    .navbar-collapse #main-menu > li:hover > a {
        color: var(--main) !important;
        border: 0;
    } 
    .navbar-collapse #main-menu > li.menu-item-has-children > a::after,
    .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {
        display: none;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown {
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: grab;
        position: absolute;
        right: 0;
        top: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown {
        width: 42px;
        height: 42px;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown::after {
        content: "\f107";
        color: #000;
        font-family: "Font Awesome 6 Free";
        font-size: 13px;
        font-weight: 700;
        line-height: 32px;
        border: 0;
        padding: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown::after {
        line-height: 42px;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child::after {
        color: var(--main);
    }
    .navbar-collapse #main-menu li:hover > a::before, 
    .navbar-collapse #main-menu li.current-menu-item > a::before {
        display: none !important;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu {
        display: none;
        position: relative;
        width: 100%;
        padding: 0 0 10px 15px;
        border: 0 !important;
        box-shadow: 0 0 0;
        top: 0; left: 0;
        visibility: visible;
        opacity: 1;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a {
        font-size: 15px;
        padding: 6px 20px;
        outline: none;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:hover,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:focus,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:active {
        color: var(--main);
        background-color: transparent;
    }
    
    
    #about{
	    padding: 40px 0;
    }
    
    .home-headline h2{
	    font-size: 55px; 
    }
    
    #mission{
	    padding-bottom: 50px;
    }
    #mission .photo.photo-1{
	    height: 400px;
    }
    #mission .photo.photo-2{
	    height: 230px;
    }
    
    #founders{
	    padding: 70px 0 90px; 
    }
    #founders .item .txt{
	    margin: 30px; 
    }
    #founders .item .txt p{
	    font-size: 17px; 
	    line-height: 1.6;
    }
    #founders .item .photo{
	    height: 220px; 
    }
    
    .page-template-full #page-wrapper #main{ 
	    width: 100%;
    }
    
    #hero.hero_sub{
	    height: 380px; 
	    padding-bottom: 40px;
    }
    
    #contact{
	    padding: 60px 0 30px; 
    }
    .home-headline h2{
	    padding-bottom: 5px; 
    }
    .container-form .row-form{
	    padding: 50px 0 30px;
    }
    
    
    #hero.hero_sub_upcoming{
	    min-height: 450px;
	    height: 450px; 
    }
    #hero.hero_sub_upcoming h1{
	    font-size: 45px;
    }
    .col-upcoming .box h3{
	    font-size: 17px;
    }
    .col-upcoming .box h3::after{
	    height: 14px;
    }
    .col-upcoming .box p{
	    font-size: 19px;
    }
    .agenda .item h4{
	    font-size: 18px; 
    }
    .agenda .item p{
	    font-size: 17px;
    }

    
}

@media (max-width: 991px) {
    #header{ padding-left: 20px; padding-right: 20px; }
    #header .logo img{ width: 220px; }
    #header .contact a{ padding: 14px 15px 13px; font-size: 16px;  }
    #header .phone a{ padding: 14px 15px 13px; font-size: 16px;  }
    
    .navbar .navbar-nav .nav-link{ font-size: 16px; }
    
    #hero{ height: 560px; padding-bottom: 50px; }
    #hero h1{ font-size: 50px; }
    #hero h3{ padding: 15px 0; }
    
    #about .headline{ padding-right: 15px; }
    #about .headline h3{ font-size: 23px; }
    #about .headline h3::after{ height: 10px; margin-top: 10px; }
    #about .content{ padding-left: 15px; padding-right: 15px; padding-top: 15px; }
    
    #mission .photo.photo-1{ width: calc( 100% - 60px ); height: 320px; margin-top: 40px; }
    
    #guidelines .item{ padding: 30px; }
    #guidelines .item:nth-child(1){ border-right: 0; }
    #guidelines .item:nth-child(3){ border-bottom: 1px solid #eee; border-right: 0; }
    
    .container-form .form{ flex: 0 0 100%; padding: 300px 60px 0 60px;   }
    .container-form .photo{ width: 100%; height: 300px; background-size: cover; }
    
    .home-headline h4{ font-size: 13px; }
    .home-headline h2{ font-size: 40px; }
    
    
    #founders .container{ max-width: 500px;}
    #founders .item{ flex: 0 0 100%; margin-bottom: 45px; }
    #founders .item:last-child{ margin-bottom: 0; }
    
    #footer .logo,
    #footer .contact{
	    flex: 0 0 100%; max-width: 100%; justify-content: center !important; text-align: center !important; 
    } 
    #footer .contact{
	    padding-top: 15px;
    }
    #footer .social-media{
	    padding-bottom: 20px;
    }
    #hero.hero_sub{
	    height: 290px;
    }
    #hero.hero_sub_upcoming{
	    min-height: 360px; padding-bottom: 30px;
    }
    #hero.hero_sub_upcoming h1{
	    font-size: 30px; 
    }
    .page-template-full #page-wrapper,
    .page-template-upcoming #page-wrapper{
	    padding-top: 30px;
    }
    .page-template-full #page-wrapper{
	    padding-top: 50px;
    }
    
    .entry-content p, .entry-content ul li, .entry-content ol li{ 
	    font-size: 17px; 
    }
    .entry-content h3, .sitemap_by_click5 h2{
	    font-size: 23px; 
	    padding: 10px 0;
	    margin-top: 0;
    }
}

@media (max-width: 767px) {
    .sticky-phone{ filter: brightness(0) saturate(100%) invert(98%) sepia(30%) saturate(4639%) hue-rotate(299deg) brightness(84%) contrast(96%); }
    
    .navbar-nav{ display: none !important; }
    
    #sticky-footer{ display: block !important; }
    
    #hero .hero-photo{ width: 80%; left: 12%; right: auto; top:120px; height: 300px; background-repeat: no-repeat; background-size: contain; }
    .home #hero{ height: 670px; }
    .home #hero .content{ text-align: center; }
    
    #hero h1{ font-size: 42px; }
    #hero h1 br{ display: none; }
    
    #footer { padding-bottom: 80px; }
    #footer .menu ul li { padding: 0 6px; }
    #footer .menu ul li a{ font-size: 13px; }
    #footer .menu ul li::after{ display: none; }
    .copy p{ font-size: 13px; }
    
    .col-upcoming .box{ padding: 30px 20px 20px 20px; margin-bottom: 20px; }
    .col-upcoming .box p{ font-size: 16px; }
    .col-upcoming .box i{ font-size: 14px; }
    
    .agenda{ margin-left: 30px; }
    .agenda .item{ margin-bottom: 0; }
    .agenda::after{ left: -20px; }
    .agenda .item h4{ font-size: 16px; }
    .agenda .item h4::before{ left: -20px; top: 25px;  }
    .agenda .item h4::before { left: -27px; }
}

@media (max-width: 575px) {
	
	#footer .logo img,
    #header .logo img{ width: 190px; }
    
    .navigation .phone{ display: none !important; }
    
    .container-form .form{ padding: 230px 25px 0 25px; }
    .container-form .photo{ height: 240px; }
    
    #hero .hero-photo{ width: 90%; left: 5%; }
    #hero h1{font-size: 33px; }
    
    #about .headline h3{ font-size: 20px; }
    
    .entry-content p, .entry-content ul li, .entry-content ol li,
    #founders .item .txt p,
    #guidelines .item p,
    p, ul li, ol li,
    #about .content p{ font-size: 16px; }
    
    #mission .txt-box{ padding: 30px 0 20px; }
    
    
    #mission .photo.photo-1{ height: 230px; margin-left: 30px; width: calc( 100% - 30px ); }
    #mission .photo.photo-2{ height: 170px; margin-top: -30px; }
    
    #guidelines .item{ padding: 25px 15px 10px 15px; }
    #guidelines{ padding: 40px 0 30px; }
    #guidelines .item { flex-wrap: wrap; }
    #guidelines .item .icon-box{ flex: 0 0 100%; max-width: 100%;  }
    #guidelines .item .icon-box .icon{ width: 100px; height: 100px; margin: auto; }
    #guidelines .container-box::after{ display: none; }
    #guidelines .item .txt{ text-align: center; }
    #guidelines .item h2{ padding: 10px 0; }
    
    #founders{ padding: 40px 0 60px; }
    
    #contact{ padding-top: 30px; }
    #contact p.text-center{ font-size: 16px; }
    #contact p.text-center br{ display: none; }
    .container-form{ margin-top: 10px; }
    
    .home-headline{ margin-bottom: 10px; }
    .home-headline h4{ font-size: 12px; padding: 6px 20px 5px; }
    .home-headline h2{ font-size: 30px; padding-top: 10px; }
    
    #footer .call i{ font-size: 13px; }
    #footer .contact .phone, #footer .call{ font-size: 18px; }
    #footer .menu ul{ flex-wrap: wrap; }
    
    .form-submit .wpcf7-submit{ font-size: 17px; }
    .login-form input[type="password"]{ width: 180px; }
    .login-form input[type="submit"]{ padding: 14px 10px; }
    
    
    #hero.hero_sub_upcoming{ height: 360px;}
}