@media only screen and (min-width: 768px) {
    .mobile_only {display:none;}
}

@media only screen and (max-width: 767px) {
	/* BASIS */
    .desktop_only {display:none;}
    h1 {font-size: 26px;line-height: 32px;}
    
    #top-logo {width:70%;margin:auto;}
    #top ul, #top .btn {text-align:center;}
    
    #header-image img {object-fit:cover;width:100%;height:100%;}
    #header-logo {width:200px;margin:auto;}
    
    #fotokrans {transform: scale(0.8);margin-bottom: 0;}
    
    #blog {background-size: 90%;}
    
    #reviews-slider .slider-btn img {width: 100%;height: 100%;}
    
    #motto img {width:25%;margin-bottom:20px;}
    #motto p {font-size:26px;line-height:32px;}
    
    .wrapper {padding:0 20px;}
    #contact .wrapper {padding-right:0;}
    #contact .wrapper .col.hout-bg-before {padding-right:30px;}
    .hout-bg-before:after {display:none;}
    
    #contact #logo-contact {width:100px;right:15px;bottom:45px;}
    .hout-bg-before::before {left:-7.6%}
    
    #footer .col.right {text-align:left;padding-top:0;}
}

@media only screen and (min-width: 800px) {
	/* BASIS */
}

@media only screen and (min-width: 1024px) {
	/* BASIS */
	.wrapper {
		width:1000px;
	}
}

@media only screen and (min-width: 1200px) {
	/* BASIS */
	.wrapper {
		width:1200px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
     html, body {
		font-weight:300;
	}
}