@media all and (max-width: 390px) and (min-width: 10px) {
#logo{width: 260px;}
.logo_container{padding-top: 130px;}	
.link_1{margin: 60px auto 0 auto;}
.popup{max-width: 80%; margin-top: 50px; padding: 15px 15px 15px 15px; font-size: 13px;}
.close_btn{width: 30px; height: 30px; top: -15px; right: -15px; background-size: cover;}
#casperogco{height: 700px !important;}
#sogs{height: 700px !important;}
#kontakt{height: 700px !important;}
/*.full_height{height: 700px;}*/
.sogs h1{font-size: 40px; margin-top: 100px;}
.popup_2 h2{font-size: 25px; }
.popup2_right{padding-top: 20px;}
/*#sogs{height: 700px !important;}*/
.navbar-default{padding-top: 10px;}
#top_menu{height: 70px;}
.company_container{padding-top: 0;}
.company_container h1{font-size: 40px; margin-top: 80px; margin-bottom: 0 !important;}
.grid_item_container h2{font-size: 18px;}
.company_teaser{font-size: 13px; margin-right: 5px; margin-left: 5px;}
.griditem{margin-top: 10px;}
.company_full h2{font-size: 25px;}
/*#company{height: 1400px !important;}*/
.contact_container h1{font-size: 40px; margin-bottom: 30px;}
.contact_container{padding-top: 20px;}
#kontakt{height: 1137px !important;}
.contact_info h2{font-size: 20px;}
.contact_info{font-size: 16px;}
	#top_menu{width: 100%; margin: 0; padding: 0;}
	#top_menu .container{width: 100%; padding: 0;}
	.navbar{width:100%;}
#navbarCollapse{width: 100%; padding: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.navbar-nav{width: 100%; left: 0 !important; margin-left: 0 !important; background-color: #fafafa;}
.navbar-nav li{width: 100%; border-top: 1px solid #e7e7e7; padding: 10px 0px 10px 5px;}
}

@media all and (max-width: 767px) and (min-width: 391px) {
	#top_menu{width: 100%; margin: 0; padding: 0;}
	#top_menu .container{width: 100%; padding: 0;}
	.navbar{width:100%;}
	#navbarCollapse{width: 100%; padding: 0;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
	.navbar-nav{width: 100%; left: 0 !important; margin-left: 0 !important; background-color: #fafafa;}
	.navbar-nav li{width: 100%; border-top: 1px solid #e7e7e7; padding: 10px 0px 10px 5px;}
	.company_container{padding-top: 50px;}
	.company_container h1{margin-bottom: 10px !important;}
	.griditem{margin-top: 15px; height: 150px;}
	/*#kontakt{height: 1271px !important;}*/
	.company_teaser{padding-top: 5px;}
}


@media all and (max-width: 533px) and (min-width: 390px) {
	.sogs h1{font-size: 40px;}

}

@media all and (max-width: 991px) and (min-width: 390px) {
	/*#company{height: 1400px !important;}*/
	.company_container{padding-top: 50px;}
}


@media all and (max-width: 525px) and (min-width: 461px) {
.griditem{margin-top: 15px; height: 170px;}
}


@media all and (max-width: 460px) and (min-width: 390px) {
.griditem{margin-top: 15px; height: 180px;}
.company_teaser{font-size: 13px;}
}

@media all and (max-width: 480px) and (min-width: 390px) {
.company_container h1{font-size: 60px;}

}
@media all and (max-width: 1024px) and (min-width: 10px) {

.down_btn{display: none;}
#kontakt{padding-bottom: 50px;}
.logo_container{padding-top: 120px;}
#company{padding-bottom: 0;}
.company_container{padding-top: 0;}
}


@media all and (max-width: 1800px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_2.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_2.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_2.jpg) no-repeat; background-position: center top; min-height: 100%;}
}

@media all and (max-width: 1700px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_3.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_3.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_3.jpg) no-repeat; background-position: center top; min-height: 100%;}
}
@media all and (max-width: 1600px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_4.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_4.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_4.jpg) no-repeat; background-position: center top; min-height: 100%;}
}
@media all and (max-width: 1500px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_5.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_5.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_5.jpg) no-repeat; background-position: center top; min-height: 100%;}
}
@media all and (max-width: 1400px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_6.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_6.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_6.jpg) no-repeat; background-position: center top; min-height: 100%;}
}

@media all and (max-width: 1300px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_7.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_7.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_7.jpg) no-repeat; background-position: center top; height: 948px !important;}
.up_btn{margin: 50px auto 0 auto;}
}

@media all and (max-width: 1200px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_8.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_8.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_8.jpg) no-repeat; background-position: center top; height: 875px !important;}
.up_btn{margin: 0 auto 0 auto;}
}

@media all and (max-width: 1100px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_9.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_9.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_9.jpg) no-repeat; background-position: center top; min-height: 100%;height: 802px !important;}
.contact_container{padding-top: 100px;}
}
@media all and (max-width: 1000px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_10.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_10.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_10.jpg) no-repeat; background-position: center top; min-height: 100%;height: auto !important;}}
.up_btn{display: none;}



}

@media all and (max-width: 900px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_11.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_11.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_4.jpg) no-repeat; background-position: center top; min-height: 100%;}
.link_2{margin:100px auto 0 auto !important;}

.contact_container h1{display: none;}

.contact_container {padding-top: 50px;}
}

@media all and (max-width: 800px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_12.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
.link_1{margin-top: 100px; margin-bottom: 20px;}
#kontakt{background: url(../images/bg_4_4.jpg) no-repeat; background-position: center top; min-height: 100%;}
#sogs{background: url(../images/bg_2_12.jpg) no-repeat; background-position: center top; min-height: 100%;}
}

@media all and (max-width: 700px) and (min-width: 10px) {
#casperogco{background: url(../images/bg_1_4.jpg) no-repeat; background-position: center top; visibility: hidden; opacity: 0; min-height: 100%;}
#sogs{background: url(../images/bg_2_4.jpg) no-repeat; background-position: center top; min-height: 100%;}
#kontakt{background: url(../images/bg_4_4.jpg) no-repeat; background-position: center top; min-height: 100%;}
}