@media (max-width: 575px) {
    .pt-medium,
    .py-medium {
    	padding-top: 75px;
    }
    .pb-medium,
    .py-medium {
    	padding-bottom: 75px;
    }
    .pt-large,
    .py-large {
    	padding-top: 100px;
    }
    .pb-large,
    .py-large {
    	padding-bottom: 100px;
    }
	.product-hero .hero-content {
		margin-top: -110px;
	}
	.dark-bkg .container {
		padding: 60px 15px;
	}
	.dark-bkg h1 {
		line-height: 1.2;
	}
	.company-hero {
		padding-top: 100px;
	}
	.hero-details h2 {
		line-height: 1.2;
	}
	.company-hero h1.hero-bold {
		line-height: 20px;
	}
	.cows-bkg {
		padding-top: 50px;
	}
	.cows-bkg h1 {
		line-height: 1.2;
	}
	.logistics {
		padding: 50px 15px;
	}
	.sea-bkg {
		padding-top: 50px;
	}
	.sea-bkg h1 {
		line-height: 1.2;
	}
	form label {
		line-height: 1.5;
	}
	.contact-bkg {
		padding-top: 100px;
	}
	.contact-bkg h1 {
		line-height: 1.2;
	}
	.contact-bkg h1.hero-bold {
		line-height: 1.2;
	}
	.contact-bkg h2 {
		line-height: 1;
	}
	.world-map .btn-white {
		position: relative;
		top: unset;
	}
	.legal-hero {
		padding-top: 75px;
	}
	.legal-hero h1.hero-bold {
		line-height: 1.2;
	}
	/* Needed because on mobile for the products container page, there is a line missing between the seafood and produce page without this */
	.child-col:nth-child(-n + 7) .child-box { 
    	border-bottom: 1px solid var(--border-gray); 
    } 
    .product-map{padding-top:50px;} 
    .product-map .map-details{margin-bottom:0;} 
    .product-map .map-details h1 { 
        line-height: 1.2; 
    } 
    /* Needed because when the font-size is set to 74px the longer hero titles go off screen. For example, the products container page and the lamb/goat page for iphone 6/7/8 in portrait view. */
    h1.hero-bold{font-size:54px;}
    .logistic-hero .hero-content h1.hero-bold{line-height:1;}
    .under-Hero{margin-top:0;margin-bottom:50px;}
    .under-Content{margin-bottom:0;margin-top:50px;}
    .main-content{margin-bottom:50px;}
    .log-bkg .container{padding:60px 15px;}
    .main-content h1{line-height:1.2;}
    h1.hero-bold small{font-size:35px;}
    .logistic-hero{margin-top:-60px;}
    .hero-slider .glide__caption .caption-subtitle{margin-bottom:30px;line-height:1.5;}
    .log-hero .hero-content{margin-top:-75px;}
    .logistics-children .child-col:nth-child(n + 4) .child-box{border-bottom:none;}
}
@media (min-width: 576px) {
	.product-container {
		padding-right: 15px;
		padding-left: 15px;
	}
	h1.hero-bold {
		font-size: 90px;
	}
	.product-hero .hero-content {
		margin-top: -190px;
	}
	.company-hero {
		padding-top: 100px;
	}
	.hero-details h2 {
		line-height: 1.2;
	}
	.company-hero h1.hero-bold {
		line-height: 45px;
	}
	.cows-bkg {
		padding-top: 50px;
	}
	.cows-bkg h1 {
		line-height: 1.2;
	}
	.logistics {
		padding: 50px 15px;
	}
	.sea-bkg {
		padding-top: 50px;
	}
	.sea-bkg h1 {
		line-height: 1.2;
	}
	.contact-bkg {
		padding-top: 100px;
	}
	.contact-bkg h1 {
		line-height: 1.2;
	}
	.world-map .btn-white {
		position: relative;
		top: unset;
	}
	.contact-bkg h1.hero-bold {
		line-height: 1;
	}
	.contact-bkg h2 {
		line-height: 1;
	}
	.legal-hero {
		padding-top: 75px;
	}
	.legal-hero h1.hero-bold {
		line-height: 1;
	}
	.child-col:nth-child(odd) .child-box {
    	border-right: 1px solid var(--border-gray);
    }
    .logistics-children .child-col:nth-child(n + 3) .child-box,
    .logistics-children .child-col:nth-child(n + 4) .child-box{
        border-bottom: none;
    }
     .product-map{padding-top:50px;} 
    .product-map .map-details{margin-bottom:0;} 
    .product-map .map-details h1 { 
    line-height: 1.2; 
    } 
    .dark-bkg .container { 
    padding: 60px 15px; 
    } 
    .dark-bkg h1 { 
    line-height: 1.2; 
    } 
    .pt-medium,
    .py-medium {
    	padding-top: 75px;
    }
    .pb-medium,
    .py-medium {
    	padding-bottom: 75px;
    }
    .pt-large,
    .py-large {
    	padding-top: 100px;
    }
    .pb-large,
    .py-large {
    	padding-bottom: 100px;
    }
    .logistic-hero .hero-content h1.hero-bold{line-height:1;}
    .under-Hero{margin-top:0;margin-bottom:50px;}
    .under-Content{margin-bottom:0;margin-top:50px;}
    .main-content{margin-bottom:50px;}
    .log-bkg .container{padding:60px 15px;}
    .main-content h1{line-height:1.2;}
    h1.hero-bold small{font-size:55px;}
    .logistic-hero{margin-top:-60px;}
    .hero-slider .glide__caption .caption-subtitle{margin-bottom:30px;line-height:1.5;}
    .log-hero .hero-content{margin-top:-135px;}
}
@media (min-width: 768px) {
	h1 {
		font-size: 54px;
	}
	h2 {
		font-size: 48px;
		line-height: 56px;
	}
	h3 {
		font-size: 40px;
		line-height: 48px;
	}
	.pl-md-5px {
		padding-left: 5px !important;
	}
	.pr-md-5px {
		padding-right: 5px !important;
	}
	.pl-md-1-third {
		padding-left: calc(10px / 3) !important;
	}
	.pr-md-1-third {
		padding-right: calc(10px / 3) !important;
	}
	.pl-md-2-third {
		padding-left: calc((10px / 3) * 2) !important;
	}
	.pr-md-2-third {
		padding-right: calc((10px / 3) * 2) !important;
	}
	.one-list-md {
	    column-count: 1;
	}
	h1.hero-bold {
		font-size: 115px;
	}
	.company-hero {
		padding-top: 150px;
	}
	.company-hero h1.hero-bold {
		line-height: 63px;
	}
	.cows-bkg {
		padding-top: 75px;
	}
	.logistics {
		padding: 75px 15px;
	}
	.sea-bkg {
		padding-top: 75px;
	}
	.cows-bkg h1 {
		line-height: 68px;
	}
	.sea-bkg h1 {
		line-height: 68px;
	}
	.contact-bkg h1 {
		line-height: 68px;
	}
	.contact-bkg h1.hero-bold {
		line-height: 105px;
	}
	.legal-hero {
		padding-top: 100px;
	}
	.dark-bkg .container { 
    padding: 120px 15px; 
    } 
    h1.hero-bold small{font-size:75px;}
    
}
@media (min-width: 992px) {
    .pt-medium,
    .py-medium {
    	padding-top: 150px;
    }
    .pb-medium,
    .py-medium {
    	padding-bottom: 150px;
    }
    .pt-large,
    .py-large {
    	padding-top: 200px;
    }
    .pb-large,
    .py-large {
    	padding-bottom: 200px;
    }
	h1 {
		font-size: 72px;
	}
	.home-highlight .background-image {
		position: absolute;
		padding: unset;
	}
	.home-highlight.home-highlight .background-image {
		display: block;
	}
	.child-col:not(:nth-child(4n)) .child-box {
		border-right: 1px solid var(--border-gray);
	}
	.child-col:nth-child(n) .child-box {
		border-bottom: unset;
	}
	.child-col:nth-child(-n + 4) .child-box {
		border-bottom: 1px solid var(--border-gray);
	}
	h1.hero-bold {
		font-size: 160px;
	}
	.product-hero .hero-content {
		margin-top: -220px;
	}
	.floating-nav {
	    position: absolute;
	    background-color: transparent;
	}
	.company-hero {
		padding-top: 200px;
	}
	.company-hero h1.hero-bold {
		line-height: 94px;
	}
	.cows-bkg {
		padding-top: 100px;
	}
	.logistics {
		padding: 100px 15px;
	}
	.sea-bkg {
		padding-top: 100px;
	}
	.contact-bkg {
		padding-top: 200px;
	}
	.world-map .btn-white {
		position: absolute;
		top: 55%;
	}
	.contact-bkg h2 {
		line-height: 50px;
	}
	.contact-bkg h1.hero-bold {
		line-height: 135px;
	}
	.product-map{padding-top:100px;} 
    .product-map .map-details{margin-bottom:-50px;} 
    .product-map .map-details h1 { 
        line-height: 68px; 
    } 
    .dark-bkg h1 { 
        line-height: 68px; 
    } 
    .home-highlight h1{line-height:68px;}
    .under-Hero{margin-top:-100px;margin-bottom:100px;}
    .under-Content{margin-bottom:-45px;margin-top:100px;}
    .main-content{margin-bottom:100px;}
    .log-bkg .container{padding:120px 15px;}
    .main-content h1{line-height:68px;}
    .logistic-hero{margin-top:-120px;}
    h1.hero-bold small{font-size:100px;}
    .hero-slider .glide__caption .caption-subtitle{line-height:32px;}
    .log-hero .hero-content{margin-top:-150px;}
    .logistics-children .child-col:nth-child(n + 1) .child-box,
    .logistics-children .child-col:nth-child(n + 2) .child-box{
        border-bottom: none;
    }
    .home-highlight-1 .home-highlight-background-image {
        order: 1;
    }
    
}
@media (min-width: 1290px) {
	h1.hero-bold {
		font-size: 202px;
		letter-spacing: 0.025em;
		line-height: 50px;
	}
	.contact-bkg h1.hero-bold {
		line-height: 158px;
	}
}
@media (min-width: 1200px) {
	.product-hero .hero-content {
		margin-top: -240px;
	}
	.company-hero h1.hero-bold {
		line-height: 122px;
	}
	.legal-hero {
		padding-top: 150px;
	}
	.legal-hero h1.hero-bold {
		line-height: 160px;
	}
	.logistic-hero .hero-content h1.hero-bold{line-height:160px;}
	h1.hero-bold small{font-size:125px;}
	.hero-slider .glide__caption .caption-subtitle{margin-bottom:60px;}
	.log-hero .hero-content{margin-top:-200px;}
}
@media (min-width: 1200px) and (min-height: 900px) {
    	.menu-wrap {
        width: 130px;
        height: 100%;
    }
    
    .icon-list {
        display: initial;
    }
    .menu,
    .icon-list {
        height:initial;
    }
    .menu-icon:nth-child(2n - 1) {
        border-right:unset;
    }
}
@media (max-width:960px) and (orientation:landscape){
    .hero-slider .glide__slides{
        height:calc((100vh - 31px) * 2);
    }
}