@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-Roman.eot');
    src: local('Neue Haas Grotesk Display Pro 55 Roman'), local('NeueHaasDisplay-Roman'),
        url('../fonts/NeueHaasDisplay-Romand41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHaasDisplay-Roman.woff') format('woff'),
        url('../fonts/NeueHaasDisplay-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Berlingske Serif';
    src: local('Berlingske Serif Regular'), local('Berlingske-Serif-Regular'),
        url('../fonts/BerlingskeSerif-Regular.woff2') format('woff2'),
        url('../fonts/BerlingskeSerif-Regular.woff') format('woff'),
        url('../fonts/BerlingskeSerif-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }





:root{
	--main-container:1920px;
	--secondary-container:1330px;
	--third-container:1480px;	
	
	--logo-wrapper:10vw;	
	--main-fonts:'Neue Haas Grotesk Display Pro';	
	--secondary-fonts: 'Berlingske Serif';	
	--main-color:#AC1E25;
	--secondary-color:#EFEFF0;
	--white-color:#ffffff;
	--black-color:#000000;
	--grey-color:#707070;	
	--lightgrey-color:#DBDBDB;
	--darkgrey-color:#313131;	
	--icon-width:24px;
	--input-field:30px;
	--input-height:60px;
	--input-padding:15px;
	
	--popup-padding:30px;
	--box-padding:30px;
	--filter-space:20px;	
	--post-space:1.25em;		
	--detail-space:30px;
	--banner-space:20px;	
	--btn-box:70px;	
	--fw-sapce:70px;
	--fw-sapce-small:35px;
	--left-space:100px;	
	
	--f-Thin:100;
	--f-Extralight:200;
	--f-Light:300;
	--f-Regular:400;
	--f-Medium:500;
	--f-Semibold:600;
	--f-Bold:700;	
	
	--size-small:1.232vw;/*14*/
	--size-xxx-medium:1.540vw;/*30*/
	--size-xx-medium:2.4vw;
	--size-medium:2.9vw;/*38*/
	--size-xxx-small:14px;/*14*/
	--size-xx-small:18px;/*18*/
	--size-xxx-large:6vw;/*93*/
	--size-xx-large:7.5vw;/*93*/
	
	--btn-radius:2vw;	
	--btn-padding:0.8em 1.5em;
	--hero-space:2vw;
	--header-space:15vw;		
	--container-padding:4vw;
	--container-padding-small:2vw;			
	--hero-content_wrap:35vw;
	--hero-title:4.90vw;
	--btn-g-paddinig:0.8vw;
	--tile-padding:60px;
	--tile-space:10px;
	--btn-style:4vw;
	--block-space:2vw;	
	--section-space:6vw;
	--section-space-small:3vw;	
	--list-padding:1.5vw;
	--list-line:3vw;
	--contact-icon:2.5vw;
	--contact-space:2vw;
	--thumb-space:1.5vw;
	--button-swiper:10vw;
	--button-wrap:8vw;

}
	
	
	
@media (min-width:1300px) {
	
	:root{				
		
		--container-padding:7vw;
		--container-padding-small:3.5vw;	
		
		--size-small:1.04vw;/*20*/
		--size-xxx-medium:1.30vw;/*30*/
		--size-xx-medium:2.083vw;/*40*/
		--size-medium:2.76vw;/*53*/
		--size-xxx-large:4.84vw;/*93*/
		--size-xx-large:7.26vw;/*93*/		
		--btn-radius:2vw;
		--header-space:10vw;	
		--hero-title:3.90vw;		
		--hero-content_wrap:30vw;
		--btn-g-paddinig:0.5vw;
		--hero-logos:30vw;
		--section-space:4vw;
		--section-space-small:2vw;
		--block-space:2vw;		
		--list-padding:1.3vw;
		--list-line:4vw;
		--contact-icon:2.5vw;
		--contact-space:2vw;
		
		
	}	
	
}

@media only screen and (max-width:992px) {
	
	:root{	
		--logo-wrapper:15vw;
		--size-small:1.815vw;/*18*/
		--size-xxx-medium:2.020vw;/*20*/
		--size-xx-medium:3vw;
		--size-medium:3.83vw;/*38*/
		--size-xx-large:8vw;/*93*/
		--size-xxx-small:12px;/*14*/
		--size-xx-small:14px;/*18*/
		
		
		--hero-content_wrap:50vw;
		--hero-title:5.90vw;
		--hero-space:4vw;
		--tile-padding:40px;
		--block-space:3vw;
		--list-padding:2vw;
		--list-line:4vw;
		--btn-style:6vw;
		
	}
}

@media only screen and (max-width:575px) {
	
	:root{	
		--logo-wrapper:25vw;
		--size-small:3.5vw;/*18*/
		--size-xxx-medium:4.174vw;/*24*/
		 --size-xx-medium: 4.8vw;
		--size-medium:6.609vw;/*38*/
		--size-xxx-small:16px;/*16*/
		--size-xx-small:18px;/*18*/
		--size-xx-large:10vw;/*93*/
		--size-xxx-large:12vw;
		
		--hero-content_wrap:70vw;
		--hero-title:6.90vw;
		--header-space:35vw;
		--section-space:10vw;
		--section-space-small:5vw;	
		--block-space:6vw;
		--list-padding:3vw;
		--list-line:5vw;
		--btn-style:8vw;
		--contact-icon:6vw;
	--contact-space:4vw;
		--button-swiper:18vw;
	--button-wrap:20vw;
	--btn-style:10vw;
		
	}
}



.white-color{
	color:var(--white-color);
}

.black-color{
	color:var(--black-color);
}

.grey-color{
	color:var(--grey-color);
}

.lightgrey-color{
	color: var(--lightgrey-color);
}



.main-color{
	color: var(--main-color);
}

.main-container{
	max-width:var(--main-container);
}

.secondary-container{
	max-width:var(--secondary-container);
}


.main-bg{
	background: var(--main-color);
}

.secondary-bg{
	background: var(--secondary-color);
}

.black-bg{
	background: var(--black-color);
}

.white-bg{
	background: var(--white-color);
}

.lightgrey-bg {
	background: var(--lightgrey-color);
}

.darkgrey-color{
	background: var(--darkgrey-color);
}


.green-bg{
	background: #4AA596;
}

.green-bg02{
	background:#86C9BE;
}

.grey-bg{
	background:#D0D1D3;
}

.grey-bg02{
	background:#E8E8E8;
}
	
	
	
.pink-bg{
	background:#BF2249;
}

.pink-bg02{
	background:#73142C;
}
	
.black-bg{
	background:#000000;
}