/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {
	
}



/****** BÆRBAR / MINDRE SKÆRME ******/


@media only screen and (max-width: 1240px) {

	.stom-grid-section.videos .section {
        padding: var(--page) var(--page) !important;
        margin-bottom: var(--page) !important;
    }
	
}

@media only screen and (max-width: 1200px) {
    .section-wrap.stom-grid-section.section-fullpage .section .grid-element {
        margin: 0;
    }

    #content, .section-wrap .section, .section-wrap.section-fullpage .section {
        padding: 0;
    }

    .section-wrap.stom-grid-section.section-fullpage.front-cards .section.columns-3 .grid-element {
        width: 100%;
        margin-bottom: var(--page);
    }

    .section-wrap.stom-grid-section.section-fullpage.front-cards .section.columns-3 .grid-element img {
        height: 37vw;
    }

    body:not(.home) #main-content .front-contact {
        margin: 100px 0 40px;
    }

    #main-content .section-wrap.front-cards .section {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 1150px) {
    #colophon .section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #colophon .section .footer-widgets {
        width: calc(50% - (var(--page)) / 2);
        margin: 0;
        float: none;
    }

    #colophon .section .footer-widgets:nth-child(odd) {
        margin-right: calc(var(--page) / 2);
    }

    #colophon .section .footer-widgets:nth-child(even) {
        margin-left: calc(var(--page) / 2);
    }

    #colophon .section .footer-widgets .widget-title:before {
        max-width: 100%;
    }

    body:not(.home) #main-content .front-contact {
        margin: 100px 0 40px;
    }

    body:not(.home) .front-contact .gform_wrapper.gravity-theme .gform_fields {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 72px) auto;
        grid-template-areas:
            "name name"
            "phone phone"
            "email email"
            "address address"
            "postal postal"
            "message message";
        grid-column-gap: 40px;
        grid-row-gap: 0;
    }

    body:not(.home) #main-content .front-contact .form-address,
    body:not(.home) #main-content .front-contact .form-postal {
        grid-column: span 2;
    }

}

@media only screen and (max-width: 1080px) {
    #masthead .top-bar {
        display: none;
    }

    .site-branding #logo {
        padding: 15px 0;
    }

    .header-placeholder {
        height: 100px;
    }

    body:not(.home) main#main-content aside#secondary {
        padding: 0;
    }

    #secondary .custom-overflow-wrapper {
        padding: 0;
    }

    .front-review .section .grid-elements .grid-element {
        width: 100%;
    }

    .flickity-page-dots {
        bottom: 0 !important;
    }

    .flickity-viewport {
        height: 448px !important;
    }

    .ah-logo {
        width: 200px !important;
        margin: 0 auto;
    }
}

/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {

    body:not(.home) main#main-content {
        grid-template-columns:  var(--page) 1fr var(--page);
        padding: 0;
    }

    .front-split .section {
        grid-template-columns: var(--page) 1fr var(--page);
        grid-template-rows: auto var(--page) auto;
        grid-template-areas:
            ". left ."
            ". . ."
            ". right .";
    }

    .front-split.picture-left .stom-cols-6 .stom-center-box,
    .front-split.picture-right .stom-cols-6 .stom-center-box {
        max-width: 100%;
    }

    body:not(.home) main#main-content section {
        grid-column: 2 / 3;
    }
	
	#colophon {
		padding: 90px 0 0;
	}
	
	#colophon .footer-widget-area .section {
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 50px;
	}
	
	#colophon .footer-widget-area .section .footer-widgets {
		margin: 0;
	}
	
	.section-wrap.clear.videos {
		overflow: hidden;
	}
}



@media only screen and (max-width: 810px) {

}



/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 782px) {
    .section-wrap.stom-grid-section.section-fullpage.front-cards .section.columns-3 .grid-element img {
        height: 50vw;
    }

    .front-contact .gform_wrapper.gravity-theme .gform_fields {
        /*grid-template-columns: repeat(2, 1fr);*/
		grid-template-columns: 1fr;
		display: block;
        grid-template-rows: repeat(5, 72px) auto auto;
        grid-template-areas:
            "name name"
            "phone phone"
            "email email"
            "address address"
            "postal postal"
			"radio radio"
            "message message";
        grid-column-gap: 40px;
        grid-row-gap: 0;
    }

    #main-content .front-contact .form-address,
    #main-content .front-contact .form-postal {
        grid-column: span 2;
    }

    .slide-image:before {
        background: linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    }
}



@media only screen and (max-width: 767px) {
    #main-content .section, .section-wrap .section,
    #main-content .stom-billede-sektion {
        padding: 0;
    }

    #page #masthead .header-wrapper .site-branding #logo {
        padding: 15px 0;
    }

    body #page .header-placeholder {
        height: 100px;
    }

    .header-wrapper, #content, .section, .section-wrap .section, .section-wrap.section-fullpage .section, footer.site-footer .site-info {
        padding: 0 30px;
    }
	
	body:not(.home) .page-slider-section .slider-text-inner .white-text>h1 {
        font-size: 32px !important;
    }
}



@media only screen and (max-width: 639px) {
    .section-wrap.stom-grid-section.section-fullpage.front-cards .section.columns-3 .grid-element img {
        height: 60vw;
    }

    #colophon .section .footer-widgets:nth-child(odd),
    #colophon .section .footer-widgets:nth-child(even) {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    body.home #page .page-slider-section .slider-inner .slider-text .slider-text-inner h1 {
        text-transform: uppercase;
        margin: 0 0 10px;
        font-size: 48px;
        line-height: 46px;
    }
    
    body.home h1 + p {
        font-size: 16px;
        font-weight:600;
        color: var(--primary-color);
        line-height: 22px;
        margin-bottom: 25px;
    }

    #page .main-slider-section .btn {
        width: 100%;
    }

    #page .slider-text .slider-text-inner {
        padding: 30px;
        background-color: rgba(255,255,255,0.7);
        text-align: center;
    }

    .site-branding #logo img {
        max-height: 50px;
    }

    body #page .header-placeholder {
        height: 80px;
    }

    #page .page-slider-section .slider-inner .slides .slick-list {
        height: 440px !important;
    }

    #page .page-slider-section .slider-inner .slides .slick-list .slick-track .slide-element {
        min-height: 450px;
    }

    .page-slider-section .slider-inner .slider-text {
        align-items: center;
    }

    body.home h1 {
        color: var(--primary-color);
    }
	
	.usp-list ul li {
		font-size: 14px;
	}
	
	body.home #page .page-slider-section .slider-inner .slider-text .slider-text-inner h1 {
        text-transform: uppercase;
        margin: 0 0 0px;
        font-size: 24px !important;
        line-height: 46px;
		text-align: left;
    }
	
	body:not(.home) .page-slider-section .slider-text-inner .white-text > p {
		text-align: left;
	}
	
	body.home #page .page-slider-section .slider-inner .slider-text .slider-text-inner .stom-button a {
		min-height: 40px;
	}
	
	body:not(.home) .page-slider-section .slider-text-inner .white-text>h1 {
        color: var(--secondary-color);
    }
	
	body:not(.home) .page-slider-section .slider-text-inner .white-text {
        color: inherit;
    }
	
	    body:not(.home) .page-slider-section .slider-text-inner .white-text>p {
        font-size: 14px;
    }
	
	body:not(.home) #page .main-slider-section .slider-inner .slick-slider .slick-list {
		height: auto !important;
	}
	
	body:not(.home) #page .page-slider-section .slider-inner .slides .slick-list .slick-track .slide-element {
		min-height: 75vh;
	}

}



/****** MOBILER ******/

@media only screen and (max-width: 479px) {

    :root {
        --page: 15px;
    }

    .section-wrap.stom-grid-section.section-fullpage.front-cards .section.columns-3 .grid-element img {
        height: 110vw;
    }

    #page #main-content .front-contact {
        grid-column: 1 / 4;
    }

    .front-contact .section .front-contact-container {
        border-radius: 0;
    }

    body.home #main-content .front-contact {
        margin: 100px 0 40px 0;
    }

    #secondary .custom-overflow-wrapper {
        width: 100%;
    }
	
		.front-contact-container {
		padding: 90px var(--gap) 45px;
	}
	
	body:not(.home) .page-slider-section .slider-text-inner .white-text>h1 {
        font-size: 24px !important;
        text-align: left;
    }
	
	.usp-list ul li {
		font-size: 12px;
	}
}



@media only screen and (max-width: 400px) {
    .front-review {
        display: none;
    }

    .btn a {
        min-width: 210px;
    }
}