@media only screen and (max-device-width : 670px) {
#mainHeader {width: 100% !important;}
#mainHeader #headerTitle {font-size: 500% !important; top: 10px !important; left: 25px !important;}
#mainHeader #picture {display: none;}
#mainHeader #headerSocial img {margin: 20px 20px 0 0 !important; height: 60px !important;}
#mainHeader #topLinks {bottom: -20% !important; width: 100% !important;}
#mainHeader #topLinks div{font-size: 300% !important; width: 33% !important;}
#mainHeader #topLinks .topNaviagationLink a:hover {width: auto !important; width: auto !important;}
#contentBox {width: 100% !important;}
#pekloBox {width: 100% !important; height: auto !important; min-height:15px; padding-top: .5em; !important;}
#pekloBox  #peklo {display: none;}
#pekloBox  #copyright {font-size: 200%; bottom: auto !important;}
#pekloBox  #copyrightMensi {bottom: auto !important;}
.imgHref img {width: 116px !important; height: 166px !important;}
#enlargeIframe {zoom: 4;}
}

@media only screen and only screen and (max-device-width : 1024px) and
	   only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) 
        {
#mainHeader {width: 100% !important;}
#mainHeader #headerTitle {font-size: 500% !important; top: 10px !important; left: 25px !important;}
#mainHeader #picture {display: none;}
#mainHeader #headerSocial img {margin: 20px 20px 0 0 !important; height: 60px !important;}
#mainHeader #topLinks {bottom: -20% !important; width: 100% !important;}
#mainHeader #topLinks div{font-size: 300% !important; width: 33% !important;}
#mainHeader #topLinks .topNaviagationLink a:hover {width: auto !important; width: auto !important;}
#contentBox {width: 100% !important;}
#pekloBox {width: 100% !important; height: auto !important; min-height:15px; padding-top: .5em; !important;}
#pekloBox  #peklo {display: none;}
#pekloBox  #copyright {font-size: 200%; bottom: auto !important;}
#pekloBox  #copyrightMensi {bottom: auto !important;}
.imgHref img {width: 116px !important; height: 166px !important;}
#enlargeIframe {zoom: 4;}
}