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

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



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


/* Burger menu */
@media only screen and (max-width: 1200px) {
	#site-navigation .menu-toggle > .stom-custom-svg {
		color: #002d56;
	}
}
/* END Burger menu */


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

    .page-slider-section .wrapper-inner .card .card-inner {
        padding: 0 10px;
    }


    .content-block .section {
        display: block;
    }
    .content-block div{
        width: 100%;
        margin-bottom: 20px;
    }
    .content-block .stom-cols-8 {
        padding: 0;
    }
    .content-block .stom-cols-8, .content-block .stom-cols-2:last-of-type {
        padding: 0;
    }

    .content-block div:nth-child(2n){
        max-width: 750px;
    }

    .content-block h2,
    .content-block h1 {
        display: inline-block;
    }
    .content-block h2::after,
    .content-block h1::after {
        right: -30px;
    }

    .content-block .last {
        padding-left: 0;
    }


    .team-slider .section {
        padding: 120px 30px 140px;
    }



    .reference-split .section {
        padding: 50px 30px 140px;
    }


    .contact-banner .section {
        padding: 120px 30px;
    }

    #colophon .section {
        padding: 60px 30px 20px;
    }




    .split-full-section .section {
        padding: 50px 0;
    }
    .split-full-section.stom-billede-sektion .stom-cols-6 {
        padding: 0 !important;
    }
    .split-full-section h2 {
        font-size: 40px;
        line-height: normal;
    }


    .icon-grid .section {
        padding: 50px 30px 100px;
    }
    .icon-grid .wrapper-inner .card .card-inner {
        padding: 0 10px;
    }



    .team-grid .section {
        padding: 50px 30px 100px;
    }


    .contact-page .team-slider .section {
        padding: 50px 30px 100px;
    }


}



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

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

    .page-slider-section .slider-text-inner h1 {
        font-size: 45px !important;
        line-height: normal;
    }

    .service-grid.stom-grid-section .section .grid-element .btn::after {
        min-width: 220px;
    }
    .service-grid h3 {
        padding-right: 0;
    }


    .reference-block .section {
        display: block;
    }
    .reference-block div {
        width: 100%;
    }
    .reference-block h2 {
        padding-right: 0;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .reference-block h2::after {
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        width: 81px;
        height: 1px;
        margin: unset;

    }

}



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

}



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

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

}


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

    .split-section .section {
        /* padding: 0!important; */
    }

    .split-section.stom-billede-sektion .stom-cols-6 {
        height: auto!important;
        padding: 0;
        margin: 0 0 20px !important;
    }

    .split-section.overlay .inner {
        padding: 70px 20px;
    }

    .split-section.stom-billede-sektion .stom-picture {
        position: relative;
        width: 100%;
        float: left;
        background-position: center center;
        height: auto!important;
    }

    .reference-split .inner {
        transform: unset;
        width: 100%;
        max-width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: unset;
        margin-bottom: 30px;
    }

}



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

    .page-slider-section .slider-text {
        padding-top: 200px;
    }

    .page-slider-section .slider-text-inner {
        font-size: 16px;
    }

    .page-slider-section .slider-text-inner .wrapper-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }


    .service-grid.stom-grid-section .section .grid-element {
        width: calc((100% - (15px * 1)) / 2);
    }
    .service-grid h3 {
        padding-right: 30%;
    }


    .split-section.overlay .inner {
        padding: 70px 20px;
    }


    .reference-split .inner {
        transform: unset;
        width: 100%;
        max-width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: unset;
        margin-bottom: 30px;
    }


    .contact-banner.stom-grid-section .section .grid-element:first-of-type {
        width: 100%;
    }

    .service-grid.stom-grid-section .section .grid-element {
        width: 100%;
    }
    .contact-banner.stom-grid-section .section .grid-element:last-of-type {
        width: 100%;
    }
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
    }


    #colophon .section {
        padding: 60px 20px 20px;
    }
    #colophon .footer-widgets.widgets-3 {
        padding-left: 0;
    }
    #colophon .footer-widgets.widgets-2 p {
        max-width: unset;
    }
    #colophon .copyright {
        margin-bottom: 0 !important;
    }


    .team-slider .column-wrapper {
        display: block;
    }



    .reference-split .section {
        padding: 250px 20px 140px;
    }

	/*

    .split-section .section {
        padding: 0 !important;
    }
	
	*/


    .split-full-section .inner {
        width: 100%;
        padding: 70px 20px;
    }
    .split-full-section h2 {
        left: 0;
        max-width: 100%;
    }

    .split-full-section.stom-billede-sektion .stom-cols-6 {
        margin: 0 !important;
    }
    .split-full-section.stom-billede-sektion .stom-picture img {
        height: auto;
    }



    .icon-grid .section {
        padding: 30px 20px 30px;
    }
    .icon-grid .wrapper-inner .card {
        margin-bottom: 50px !important;
    }



    
    .team-grid .section {
        padding: 50px 20px 100px;
    }
    .team-grid .team {
        max-width: 272px;
        float: none;
        margin: 0 auto 30px !important;
    }



    .contact-page .team-slider .section {
        padding: 50px 20px 100px;
    }
	
	.page-slider-section .slider-text-inner h1 {
		font-size 32px !important;
	}


}



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




}



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

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

    header .top-bar ul {
        flex-flow: column wrap;
        align-items: flex-end;
    }

    .site-branding #logo img {
        max-width: 136.5px;
        max-height: 40px;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout).scroll .header-absolute #masthead .site-branding #logo img {
        max-width: 136.5px;
        max-height: 40px;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout).scroll .header-absolute #masthead .site-branding #logo {
        padding: 0;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout).scroll .header-absolute #masthead .header-wrapper {
        padding: 10px 20px;
    }

    .page-slider-section .slider-text-inner h1 {
        font-size: 35px !important;
    }
    .page-slider-section .wrapper-inner .card .card-inner {
        font-size: 14px;
    }



    .split-section.overlay h2 {
        font-size: 30px;
        line-height: normal;
    }
    .split-section.overlay .inner p {
        padding-left: 0;
    }


    .footer-widget-area .stom-cols-3 {
        width: 100% !important;
        margin-right: 0% !important;
    }


    .slick-slide img {
        width: 100%;
    }

    .reference-split .section {
        padding: 350px 20px 140px;
    }


    .split-full-section h2 {
        font-size: 30px;
    }

}



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

    /*.page-slider-section .slider-text {
        padding-top: 150px;
    }

    .page-slider-section .slider-text-inner h1 {
        font-size: 28px !important;
    }*/
	
    .page-slider-section .wrapper-inner .card .card-inner {
        font-size: 12px;
    }

    .split-section.overlay .inner .btn {
        position: static;
    }

    .btn.fill a {
        padding: 13px 50px 13px 20px;
    }
    .btn.fill a::after {
        right: 25px;
    }
}