@charset "UTF-8";
/* CSS Document */

/*Mobile - definition af kolonner*/
@media only screen and (max-width: 449px)
	{
/*Kolonner - defination af kolonnes bredde*/
body {background-color:#111;
			font-size: 100%; 
}

[class*="col-"] {
	width: 100%; 
	}

.col-25 {width: 50%;}
.col-plakat {width: 50%;}
		
.content {
	width: 100%;
}
.content-gallery {
	width: 100%;
}
		
h1 {
	font-size: 1.85em;
}
	
h2 {
	font-size: 2.5em;
}
		
h4 {
	font-size: 2em;
}
		
.portfolio-text h3 { 
	font-size: 2em;
	text-align: left;
	font-weight: 300;
	margin-bottom: 20px;
}

.portfolio-text p { 
	text-align: left;
	font-size: 1.2em;
}
		
.om-mig-text h3 { 
	font-size: 2em;
	text-align: left;
	font-weight: 300;
	margin-bottom: 20px;
}

.om-mig-text p { 
	text-align: left;
	font-size: 1.2em;
}
		
.HovedforboebTXT {
	font-size: 1.3em;
}
		
.page-content h2 {
	font-size: 1.0em;
}
		
p {
	font-size: 1.2em;
}
		
.text {
	font-size: 2.8em;
}		
		
.cursor-dot {
    size: 0px;
    width: 0px;
    height: 0px;
    background-color: white;
}	
	
.boxContact {
	padding: 0em 1.5em 1.5em 1.5em		
}		
		
.boxContact p {
	font-size: 1em;		
}
.cursor {
    position: fixed;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background-color: #FFF;
    pointer-events: none;
    mix-blend-mode: difference;
    z-index: 9999;
    transition: transform 0.2s;
}
		
.box {
	margin: 0 0 0em 0;
}
		
.box-col-25-left {
	margin: 0 0 0em 0;
	padding: 0.75em 0.75em 0.75em 1.5em;
}
		
.box-col-25-right {
	margin: 0 0 0em 0;
	padding: 0.75em 1.5em 0.75em 0.75em;
}
	
.portfolio-text {
		padding: 0em 1.5em 1.5em 1.5em	
}
		
.om-mig-text {
		padding: 0em 1.5em 1.5em 1.5em	
}
		
.padding {
	padding: 20px 0px 20px 0px
}
		
.boxEmpty {
    height: 0px;
    padding: 1.5em;
    margin: 0 0 0em 0;
}

.boxBottom {
    height: 0px;
    padding: 1.5em;
    margin: 0 0 0em 0;
}
		
.boxEmpty3 {
	min-height: 25px;
}
		
.content-gallery {
    margin: 0 auto;
    padding-top: 1.0em;
}
		
.button-cases {
	float: none;
}

.dim {
	font-size: 0.9em;
}
		
}




/*Tablet - definition af kolonner*/
@media only screen and (min-width: 450px)
	{
/*Kolonner - defination af kolonnes bredde*/
body {background-color:#111;}
	
.col-5 {width: 100%;}
.col-3 {width: 100%;}
.col-50 {width: 100%;}
.col-2 {width: 100%;}
.col-plakat {width: 50%;}
.col-33 {width: 33%;}
.col-25 {width: 50%;}
.col-kontakt {width: 100%;}
.col-1 {width: 33.3%;}
		
.content {
	width: 100%;
		}
.content-gallery {
	width: 100%;
		}
		
.mar-33 {margin-left:33.3%}

}

.button-cases {
	float: none;
}

/*Desktop - pc skærm*/
@media only screen and (min-width: 800px){
/*Kolonner - defination af kolonnes bredde*/
body {background-color:#111;}
	
.col-5 {width: 100%;}
.col-4 {width: 80%;}
.col-3 {width: 60%;}
.col-50 {width: 50%;}
.col-2 {width: 40%;}
.col-plakat {width: 33%;}
.col-33 {width: 33%;}
.col-25 {width: 25%;}
.col-kontakt {width: 33%;}
.col-1 {width: 20%;}
.col-10 {width: 10%;}
	
.content {
	width: 100%;
	max-width: 1000px; 
	}
	
.content-gallery {
	width: 100%;
	max-width: 1200px; 
	}
	
.mar-33 {margin-left:0}

}

.button-cases {
	float: left;
}