/* Background Bilder */

/* Ratios */

.ratio-30 {padding-bottom: 30%; width: 100%; min-height: 300px;}
.ratio-35 {padding-bottom: 35%; width: 100%; min-height: 300px;}
.ratio-40 {padding-bottom: 40%; width: 100%; min-height: 300px;}
.ratio-45 {padding-bottom: 45%; width: 100%; min-height: 300px;}
.ratio-2-1 {padding-bottom: 50%; width: 100%; min-height: 300px;}
.ratio-16-9 {padding-bottom: 56.25%; width: 100%;}
.ratio-16-10 {padding-bottom: 62.5%; width: 100%;}
.ratio-3-2 {padding-bottom: 66.66%; width: 100%;min-height: 350px;}
.ratio-5-4 {padding-bottom: 80%; width: 100%;}
.ratio-1-1 {padding-bottom: 100%; width: 100%;}
.ratio-1-2 {padding-bottom: 130%; width: 100%;}

/* Imagescales */

.scale {
    overflow: hidden;
    position: relative;
    z-index: 100;
	}

.backscale {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    transition: all 1.5s cubic-bezier(0.245, 0.05, 0.55, 0.95) 0s;
	}

.backscale:hover {
    background-size: cover;
    transform: scale(1.05);
    transition-duration: 0.75s;
	}

/* Banner Bilder */

.banner-olsons-01 {
	
	background-image:url('../pics/banner-olsons-01.jpg');
	background-size: cover;
	background-position: 70% 0%; 
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 44%;
	min-height: 650px;
	background-color: #000;
	}

.banner-olsons-02 {
	
	background-image:url('../pics/banner-olsons-02.jpg');
	background-size: cover;
	background-position: 70% 0%; 
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 44%;
	min-height: 650px;
	background-color: #000;
	}

.banner-olsons-03 {
	
	background-image:url('../pics/banner-olsons-03.jpg');
	background-size: cover;
	background-position: 70% 0%; 
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 44%;
	min-height: 650px;
	background-color: #000;
	}

.banner-olsons-04 {
	
	background-image:url('../pics/banner-olsons-04.jpg');
	background-size: cover;
	background-position: 46% 0%; 
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 44%;
	min-height: 650px;
	background-color: #000;
	}

.banner-olsons-05 {
	
	background-image:url('../pics/banner-olsons-05.jpg');
	background-size: cover;
	background-position: 60% 0%; 
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 44%;
	min-height: 650px;
	background-color: #000;
	}

.banner-olsons-06 {
	
	background-image:url('../pics/banner-olsons-06.jpg');
	background-size: cover;
	background-position: 46% 0%; 
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 44%;
	min-height: 650px;
	background-color: #000;
	}

.banner-olsons-07 {
	
	background-image:url('../pics/banner-olsons-07.jpg');
	background-size: cover;
	background-position: 46% 0%; 
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom: 44%;
	min-height: 650px;
	background-color: #000;
	}


/* Content Bilder */

.content-olsons-01 {
	
	background-image:url('../pics/content-olsons-01.jpg');
	background-size: cover;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	min-height: 300px;
	background-color: #333;
	}
	
/* Footer Bilder */

.footer-olsons-01 {
	background-image:url('../pics/footer-olsons-01.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #333;
	}

.footer-olsons-02 {
	background-image:url('../pics/footer-olsons-02.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #333;
	}

.footer-olsons-03 {
	background-image:url('../pics/footer-olsons-03.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #333;
	}


/* Portrait Bilder */

.portrait-olsons-kraft {
	background-image:url('../pics/portrait-olsons-kraft.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #fff; 
	}

.portrait-olsons-02 {
	background-image:url('../pics/portrait-olsons-02.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #fff;
	}

.portrait-olsons-03 {
	background-image:url('../pics/portrait-olsons-03.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #fff;
	}

.portrait-olsons-04 {
	background-image:url('../pics/portrait-olsons-04.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #fff;
	}

.portrait-olsons-05 {
	background-image:url('../pics/portrait-olsons-05.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #fff;
	}

.portrait-olsons-01 {
	background-image:url('../pics/portrait-olsons-01.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #fff;
	}

.portrait-olsons-nessler {
	background-image:url('../pics/portrait-olsons-nessler.jpg');
	background-size: cover;
	background-position: center top; 
	background-repeat: no-repeat;
	background-color: #fff;
	}

/* Tablet / Small Desk
====================================================================== */
@media only screen and (min-width: 801px) and (max-width: 1280px) {

.banner-olsons-01, .banner-olsons-02, .banner-olsons-03, .banner-olsons-04, .banner-olsons-05, .banner-olsons-06, .banner-olsons-07
	{min-height: 650px;}		
	
}

/* Phablet
====================================================================== */
@media only screen and (min-width: 544px) and (max-width: 800px) {

.banner-olsons-01, .banner-olsons-02, .banner-olsons-03, .banner-olsons-04, .banner-olsons-05, .banner-olsons-06, .banner-olsons-07
	{min-height: 500px;}	
	
}

/* Phone
====================================================================== */
@media only screen and (max-width: 543px) {

.banner-olsons-01, .banner-olsons-02, .banner-olsons-03, .banner-olsons-04, .banner-olsons-05, .banner-olsons-06, .banner-olsons-07
	{min-height: 350px;}
	
.banner-olsons-01 {background-image:url('../pics/banner-olsons-01-phone.jpg'); background-position: 80% 0%; }
.banner-olsons-02 {background-image:url('../pics/banner-olsons-02-phone.jpg'); background-position: 70% 0%; }
.banner-olsons-03 {background-image:url('../pics/banner-olsons-03-phone.jpg'); background-position: 70% 0%; }
.banner-olsons-04 {background-image:url('../pics/banner-olsons-04-phone.jpg'); background-position: 75% 0%; }
.banner-olsons-05 {background-image:url('../pics/banner-olsons-05-phone.jpg'); background-position: 80% 0%; }
.banner-olsons-06 {background-image:url('../pics/banner-olsons-06-phone.jpg'); background-position: 70% 0%; }
.banner-olsons-07 {background-image:url('../pics/banner-olsons-07-phone.jpg'); background-position: 65% 0%; }
	
}