@charset "utf-8"; 
@font-face { font-family: Economica; src: url(../res/font/Economica-Regular.ttf); }
@font-face { font-family: Aller; src: url(../res/font/Aller_Lt.ttf); }
body { position: relative; margin: 0; padding: 0; font-family: Aller; font-size: 1em; color: rgba(255,255,255,0.75); line-height: 2em; background-color: #000; }
body * { cursor: default; outline: none; }
header { margin: 0; } 
.porker { display: block; margin: 0 auto 2em; width: 10vw; min-width: 150px; height: auto; filter: drop-shadow(0px 0px 14px #000); transform: scaleX(-1); }
.linadong { position: fixed; flex-direction: column; margin: 0; padding: 0; height: 100vh; width: 100%; color: #eee; font-size: 2em; font-family: Economica; font-variant: normal; font-weight: normal; background-color: #050505; z-index: 999; display: flex; align-items: center; justify-content: center;}
.doglet { animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
p { margin: 0; padding: 0; }
a, a:link, a:visited { padding: 0; color: rgba(100,200,255,1); text-decoration: none; display: block; font-family: Economica; }
a:hover { color: rgba(255,255,255,0.75); } a:active { color: rgba(255,255,255,0.75); }
ul { margin: 0; padding: 0; list-style: none; }
li { margin: 0; padding: 0; line-height: 20px; }
h1 { margin: 0 0 0em 0; font-size: 2em; line-height: 2em; color: rgba(51,153,255,1); font-family: Economica; font-variant: normal; font-weight: normal; } 
h2 { margin: 0; padding: 0; font-size: 0.85em; line-height: 1em; font-variant: normal; font-weight: lighter; }
.h1less { margin: 0 0 1.5em 0; padding: 0; font-size: 1em; line-height: 1.5em; } 
.pointer { cursor: pointer !important; }
.no_border { border-bottom: none !important; padding-bottom: 3em !important; }
.more_margin_height {}
.preamble { max-width: 450px; width: 100%; float: right;}
.content_text { margin: 1.5em 0 0.5em 0; max-width: 450px; font-size: 1em; text-align: left; }
.long_text { font-size: 0.9em; line-height: 1.5em; }
.involvement { color: rgba(255,153,51,0.75); }
.bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition-duration: 1s; background: url(../res/img/bg_pixie.avif), url(../res/img/bg_grunge.avif) repeat-y; background-size: auto, contain; background-blend-mode: overlay, multiply; opacity: 0.75; }
.clerasil { clear: both; }
.lang_sound { position: relative; width: 179px; height: 186px; float: left; text-align: right; font-size: 12px; }
.creative_director { margin: 0.7em 0 0 0; color: rgba(255,153,51,0.75); }
.email { display: block; margin: 2em 1.5em 0 -1em; float: left; font-size: 1.5rem; letter-spacing: 0.5px; border-radius: 500px; transition: background 0.5s, color 0.5s; }
.email:hover { background: rgba(51,153,255,1); color: rgba(255,255,255,1); }
.email:active { background: rgba(255,153,51,0.75); color: rgba(0,0,0,1); }
.what_can_I_do_you_for { position: inherit; margin: 5em 2em -3em; }
.what_can_I_do_you_for li { margin: 0 0.5em 2em; padding: 0.85em 1em; color: rgba(255,255,255,0.5); text-align: center; font-style: italic; background: rgba(0,0,0,0.5); display: inline-block; overflow: hidden; border-radius: 500px; }
.degree { font-size: 0.75em; line-height: 2em; }
.pig_cave { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; transform: rotateY(180deg); pointer-events: none; }
	.pig { position: absolute; width: 100px; height: 40px; background-image: url(../res/img/berry_logo_blue.avif); background-position: center; background-repeat: no-repeat; background-size: cover;}
.contented { width: 100%; margin: 0 auto 0 auto; padding: 0px; transition-duration: 1s; z-index: 1; }
.the_juice { position: relative; margin: 0; width: 100%; text-align: center; }
.some_work_title { margin: -5px 0 25px 0; }
.artiste_kiosk img { float: right; }
.ipad_small { position: relative; width: 200px; height: 150px; padding: 0; perspective: 20px; overflow: hidden; transform: scale(1.25, 1.25); }
.screen_set { position: absolute; width: 100%; height: 100%; margin: 7px 0 0 40px; overflow: hidden; }
.screen_inner { position: absolute; }
.greekbrew { position: relative; margin: 2em 0 1em; padding: 0 0.5em; overflow: hidden; text-align: center; }
.greekbrew .greekbrew_img { margin: auto; aspect-ratio: 950 / 355; max-width: 1024px; background: url(../res/img/greekbrew.avif); background-repeat: no-repeat; background-position: center; }
.container { width: 186px; height: 99px; position: relative; margin: 2em auto 0em; perspective: 750px; }
.carousel { width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; transform: translateZ(-663px) rotateY(-1188deg); pointer-events: none; }
.ready .carousel { transition: transform 1s; }
.carousel.panels-backface-invisible figure { backface-visibility: hidden; }
.carousel figure { display: block; position: absolute; padding: 6px 0 0 0; width: 158px; height: 105px; text-align: center; background: url(../res/img/mac_monitor_4_2-5.avif); }
.ready .carousel figure { transition: opacity 1s, transform 1s; }
.webstuff { position: absolute; font-size: calc(12px + (1vh*0.66)); line-height: 5vh; top: -10vh; width: 500%; margin: 0 0 0 -50%; }
.row { position: relative; width: auto; margin: 0 auto ; padding: 5em 0 6em; overflow: hidden; background: linear-gradient(to bottom, rgba(100,125,150,0.05), rgba(0,0,0,0.75)); }
	.row_title { display: block; margin: 0 auto 3em; text-align: center; }
	.i_work_with, .i_work_on { width: auto; margin: 5em auto 0em; text-align: center; color: rgba(255,255,255,0.75) }
	.i_work_with div, .i_work_on div { display: inline-block; margin: 0.5em 0.5em 0; }
	.i_work_on img { max-width: 32px; width: 32px; aspect-ratio: 1 / 1; }
	.up2 { position: relative; width: auto; margin: 0 auto; display: flex; flex-direction: row; align-items: center;}
		.up2 .up2col { width: 30%; height: auto; padding: 0 5% 0 15%; text-align: right; }
		.up2 .up2col:last-of-type { padding: 0 15% 0 5%; text-align: left; }
	.up3 { position: relative; width: auto; margin: 0 auto; display: flex; flex-direction: row; align-items: center;}
		.up3 .up3col { width: 33%; height: auto; padding: 0; text-align: center; }
		.up3 .up3col:first-of-type { text-align: right; }
		.up3 .up3col:last-of-type { text-align: left; }
.cmb { text-align: left !important; }
	.column_txt { position: relative; text-align: left; overflow: hidden; }
		.txt { padding: 0 5em 3em; text-align: center; font-family: Aller; font-size: calc(6px + (1vh)); font-size: -moz-calc(6px + (1vh)); font-size: -webkit-calc(6px + (1vh)); line-height: 20px; }
	.imac_machine { position: absolute; width: 100%; height: auto; aspect-ratio: 400 / 389; background-size: cover; transform-style: preserve-3d; transform: translateZ(1px); pointer-events: none; }
	.imac_video { position: absolute; top: 5%; right: 5%; max-width: 400px; width: 100%; height: auto; transform-style: preserve-3d; transform-origin: top right; }
	.imac, .imac_reverse { position: relative; float: right; margin: 0 0 0 0; max-width: 400px; width: 100%; height: auto; aspect-ratio: 400 / 389; perspective: 1000px; }
	.imac  .imac_machine, .imac_reverse .imac_machine { position: absolute;  max-width: 400px; width: 100%; height: auto; aspect-ratio: 400 / 389;background-image: url(../res/img/imac_small_reverse.avif); }
	.imac  .imac_video, .imac_reverse .imac_video { position: absolute; max-width: 400px; width: 100%; height: auto; transform-style: preserve-3d; transform-origin: center; transform: rotateY(30deg) skewY(4.5deg) skewX(1.5deg) scale(1.085, 1) translate(10%, 10%); aspect-ratio: 400 / 250; }
	.imac { transform: scaleX(-1); }
	.imac  .imac_video .cbv { transform: scaleX(-1); }
	.m3_sb_designboard .imac, .m3_sb_designboard .imac_reverse { max-width: 350px; }
	.m3_sb_designboard .up3 { margin-top: -2em; }
	.android_phone { position: relative; margin: -3rem 0 -3rem auto; width: auto; height: 600px; perspective: 1000px; aspect-ratio: 25 / 45; }
	.android_phone .android_phone_machine { position: absolute; width: 100%; height: 100%; background-image: url(../res/img/android.avif); background-size: cover; transform-style: preserve-3d; transform: translateZ(1px); pointer-events: none; }
	.android_phone_video { position: absolute; top: 11.5%; left: 7.5%; width: 100%; height: 100%; transform-style: preserve-3d; transform-origin: top left; transform: scale(0.85); }
	.android_phone_insetter { box-shadow: inset 0px 0px 50px 5px rgba(0,0,0,1); }
	.tv_oldschool { position: relative; margin: 0; width: 100%; height: auto; cursor: pointer; }
	.tv_oldschool_video { width: 80%; height: auto; aspect-ratio: auto 646 / 517; }
	.eco_hydraulic { margin: 0 0 0 auto; width: 100%; max-width: 450px; }
	.watson_img { width: 100%; max-width: 450px; margin: 1em 0 0 0; }
	.marmoset { margin: 1.5em 0 0 0; font-size: 0.85em; font-style: italic; line-height: 1.5em; text-align: left; }
	.play_button { font-size: 13px; line-height: 13px; background-color: rgba(0,0,0,0.5); background-image: url(../res/img/play.avif); background-repeat: no-repeat; background-position: center; }
	.bb { display: inline-block; margin: 0.5em 1em; cursor: pointer; }
	.img_rotator { position: relative; margin: 0; width: 100%; height: auto; text-align: center; display: block; overflow: hidden; aspect-ratio: 1 / 1;}
	.img_rotator1 { margin: 2em 0; }
	.img_rotator2 { width: 80%; }
	.img_rotator3 { max-width: 450px; margin: 0 0 0 auto; }
	.m3_sb_nebojsa .img_rotator { width: 80%; aspect-ratio: 45 / 25; }
	.m3_sb_nebojsa  .texty { width: 80%; }
	.img_rotator img { display: none; position: absolute; top: 0; right: 0; width: 100%; }
.m3_vid_enbiggen { transform-origin: center; transition: all 1s; }
.insetter { position: absolute; width: 100%; height: 100%; box-shadow: inset 0px 0px 50px 5px rgba(0,0,0,1); pointer-events: none; }
footer { position: absolute; bottom: 0px; left: 0px; padding: 0 0 2em 3em; font-size: 0.65em; color: rgba(255,255,255,0.5); text-shadow: -2px 2px 5px black; }
.m3_sb_hell_awaits { position: relative; overflow: hidden;}
.hell_awaits {}
	.christus_in_de_limbus { margin: 0; width: 100%; height: calc(100vh - 4em); background: #eee url(../res/img/christus_in_de_limbus.avif) no-repeat; background-size: cover; background-position: center; mix-blend-mode: plus-lighter; opacity: 0.5; }
	.smokies { bottom: 6em; position: absolute; mix-blend-mode: screen; transform-origin: bottom center; mix-blend-mode: color-dodge; opacity: 0.25; transform: rotateY(180deg); }
	.no_further { margin: 0 auto; padding: 1em 1em 1.5em ; text-align: center; font-size: 1.5em; font-family: Economica; color: #fff; line-height: 1.5em; background: rgba(0,0,0,1); }
.snitch { position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; }
.plaisio { width: 100%; padding: 0 0 5em 0; overflow: hidden; }
@-webkit-keyframes spinner { from{ transform: rotateY(0deg); } to{ transform: rotateY(-360deg); } }
.stage { margin: 1em auto; width: 100%; transform-origin: center; }
.spinner { animation-name: spinner; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 180s; transform-style: preserve-3d; }
.spinner_div { position: absolute; width: 146px; text-align: center; background-repeat: no-repeat; }
.spinner_div img { padding: 0; height: 100px; border: solid 3px #000; border-radius: 7px; }
.cmb_center { text-align: center; }
.cmb_box_33 { max-width: 600px; margin: 0 auto; padding: 1em 0.5em 2em; }
.cmb_space_h_3 { margin: 3em 0 0 0; align-items: start; }
.m3_sb_scuba { width: 100%; height: 2000px;}
.light_beams_group { pointer-events: none; opacity: 0; transform: skew(13deg); }
.flowmaps { position: relative; margin: 2em auto 1em; width: 8266px; height: 300px; overflow: hidden; opacity: 0.75; }
	.shadow_x { position: absolute; top: 0; left: -20%; width: 8266px;  height: 300px; box-shadow: inset 0px 0px 100px 15px rgba(0,0,0,1); }
	.flowstrip { position: absolute; top: 0; left: 0; width: auto; width:  8266px; height: 300px; aspect-ratio: 8266 / 300; filter: saturate(3) hue-rotate(180deg); }
	.flowstrip img { display: inline-block; width: 4132px; height: 300px; border: none; border-radius: 2rem; overflow: hidden; }
	.flowstrip img:first-of-type { float: left; clear: none; }
	.flowstrip img:last-of-type { float: right; clear: right; }
.m3_sb_tv .up2 .up2col:first-of-type, .m3_sb_tv .up2 .up2col:first-of-type h1, .m3_sb_tv .up2 .up2col:first-of-type .involvement, 
.m3_sb_3d .up2 .up2col:first-of-type, .m3_sb_3d .up2 .up2col:first-of-type h1, .m3_sb_3d .up2 .up2col:first-of-type .involvement,
.m3_sb_pbr .up2 .up2col:first-of-type, .m3_sb_pbr .up2 .up2col:first-of-type h1, .m3_sb_pbr .up2 .up2col:first-of-type .involvement { display: block; text-align: left; }
.m3_sb_3d .watson_img { margin: 3em 0 0 0; }
.landright { text-align: right !important; }
.up2 .up2col:first-of-type h1 { margin-left: auto; margin-right: 0; max-width: 450px; text-align: left;  }
.up2 .up2col:first-of-type .involvement { margin-left: auto; margin-right: 0; max-width: 450px; text-align: left; }
.up2 .up2col:first-of-type .texty { margin-left: auto; margin-right: 0; text-align: left; }
.textw { font-family: Economica; font-size: 1.15em; letter-spacing: 1px; }
.m3_sb_designboard .texty { margin: auto; width: 80%; text-align: center;  }
.m3_sb_designboard .imac { margin: 0 auto 0 0; float: unset; }
.m3_sb_designboard .imac_reverse { margin: 0 0 0 auto; float: unset; }
.m3_sb_marketing .texty { text-align: center; padding: 0 0 3rem; }
.m3_sb_marketing .icos { height: 5vw; }
.m3_sb_marketing .icos li { display: inline-block; padding: 0.25vw 0.25vw 0.25vw 0; height: 4.5vw; }
.m3_sb_marketing .icos .btn { height: 4.5vw; border-radius: 6px; overflow: hidden; }
.m3_sb_marketing .icos .btn_selected { box-shadow: 0 0 0px 2px rgba(51,153,255,1); }
.m3_sb_marketing .icos .btn img { width:  4.5vw; cursor: pointer; }
.m3_sb_marketing .sqr { perspective: 1000px; }
.m3_sb_marketing .vindeo_btn_group { display: inline-block; width: fit-content; }
.m3_sb_marketing .vindeo_btn_group li { height: 4.5vw; }
.m3_sb_marketing .vindeo { height: auto; width: 25vw; max-width: 420px; aspect-ratio: 1 / 1; height: auto; border-radius: 0.33vw; border: solid 1px rgba(255,255,255,0.66); overflow: hidden; cursor: pointer; transition: all 0.66s; }
.m3_sb_marketing .mnu { width: fit-content; }
.m3_sb_marketing .mnu .btn { margin: 0 0 0 -1.5rem; padding: 0.25rem 1.5rem; color: rgba(51,153,255,1); font-size: 1.25rem; line-height: 1.5rem; border-radius: 50rem; cursor: pointer; transition: all 0.33s; }
.m3_sb_marketing .mnu .btn:hover { color: rgba(255,255,255,1); background: rgba(51,153,255,1); }
.m3_sb_marketing .mnu .btn_selected { color: #fff; font-size: 1.5rem; line-height: 2rem; } 
.m3_sb_marketing .i_work_on { margin: 2rem auto 0 0; width: fit-content;; }
.m3_sb_cmls .texty { width: 80%; }
.cmb_space_h_3 h1, .cmb_space_h_3 .involvement { display: block !important; } 
.cmb_space_h_3 .up2col:first-of-type { padding-left: 25%; }
.m3_anim { display: inline-block; margin: 2%; }
.m3_anim_cap { margin: 15px 0 0 0; }
.m3_sb_wartype_air .play_button, .m3_sb_wartype_land .play_button { position: absolute; width: 100%; height: 100%; cursor: pointer; }
.nebojsa_b { display: none; }
.prologos {padding: 2.5em 5% 3em; color: rgba(255,153,51,0.75); font-family: Economica; font-size: 1.15em; letter-spacing: 1px; text-align: center; background: rgba(0,0,0, 1);}
.bbtxt_2 {display: none; margin: auto 5%;}
.m3_sb_pbr .bbtxt_2 { display: block; }
.m3_sb_pbr .haider { display: none; }
.ldscp .texty { display: block; }
.prtrt .texty { display: none; }
.underwater {position: absolute; top: 0; left: 0; width: 100%; mix-blend-mode: difference; opacity: 0.25; filter: sepia(1) hue-rotate(180deg) saturate(3);}
.m3_s3d .m3_s3d_body .bg { background-image: url(../res/img/bg_grunge.avif); }
.bolestan { max-width: 450px; margin: 0 0 0 auto; }
.bolestan .vindeo { width: 100%; height: auto; max-width: 450px; height: auto; border-radius: 0; border: none; box-sizing: border-box; overflow: hidden; cursor: pointer; }
.up2col .porktrait {display: none;}
.up2col .randscape {display: block;}
.show4mob { display: none; }
.hide4mob { display: block; }

.m3_mnu { position: fixed; top: 0; left: 100vw; width: 17vw; height: 100vh; transition-duration: 1s; background: rgba(0, 0, 0, 0.95); user-select: none; }
.m3_mnu_open { top: 0; left: 83vw; user-select: auto; }
.m3_mnu_btn { position: absolute; bottom: 60vh; left: -9vh; width: 25vh; aspect-ratio: 1017 / 407; animation-name: porkistador; animation-fill-mode: forwards; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; background: url(../res/img/berry_logo_blue.avif); background-size: contain; background-repeat: no-repeat; background-position: center; filter: drop-shadow(0 0 1px #000); }
.m3_mnu_btn_open { animation-name: porkistador_open; animation-fill-mode: forwards; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; }
.m3_mnu_list { display: grid; grid-auto-rows: auto; width: 100%; height: 100%; }
.m3_mnu_list li { padding: 0 1rem; color: rgba(240,240,240,1); font-family: Economica; font-size: 1.2vw; align-self: center; text-align: center; cursor: pointer; }
.m3_mnu_list li:hover { color: rgba(51,153,255,1); }
.porkling { width: 15vh; aspect-ratio: 1017 / 407; cursor: pointer; }
.porkling:hover { filter: hue-rotate(160deg); }

@keyframes porkistador { 0% { left: 35vh; opacity: 0; } 100% { left: -9vh; opacity: 1; } }
@keyframes porkistador_mb { 0% { left: 35vh; opacity: 0; } 100% { left: -6vh; opacity: 1; } }
@keyframes porkistador_open { 0% { left: -9vh; opacity: 1; } 99% { left: -30vh; opacity: 0; } 100% { left: 0vh; opacity: 0; } }
@keyframes porkistador_open_mb { 0% { left: -6vh; opacity: 1; } 99% { left: -30vh; opacity: 0; } 100% { left: 0vh; opacity: 0; } }
@keyframes blinker { 0% { opacity: 1.0; } 25% { opacity: 0.0; } 50% { opacity: 1.0; }	 100% { opacity: 1.0; } }
@media (orientation: portrait) {
	.cmb_space_h_3 .up2col:first-of-type { padding-left: unset; }
	.show4mob { display: block; text-align: center !important;}
	.hide4mob { display: none; }
	.content_text {padding: 7% 7% 3%;}
	.more_margin_height { margin-top: 2em; padding-left: 7% !important; }
	.more_margin_height h1 { padding-left: 0 !important; }
	.imac, .imac_reverse { width: 90% !important; margin: 0 auto !important; max-width: unset !important; perspective: 1000px; }
	.nebojsa_a { display: none; }
	.nebojsa_b { display: block; }
	.bbtxt_1 {display: none;}
	.bbtxt_2 {display: block;}
	.artiste_kiosk img { float: unset; }
	.imac_reverse { margin-bottom: 20px; }
	.imac_reverse, .android_phone { float: none; margin: 0 auto 15px; width: 90%; height: auto; }
	.img_rotator { margin-bottom: 50px; }
	.img_rotator2 { margin-top: 2em; margin-bottom: 0; width: 100%; }
	.involvement, .texty { text-align: center !important; }
	.m3_sb_tv .up2col:last-of-type, .m3_sb_3d h1, .m3_sb_pbr h1, .m3_sb_3d .involvement, .m3_sb_pbr .involvement, .up2col { text-align: center !important; }
	.m3_sb_pbr  iframe { margin: 0 !important; width: 105% !important; aspect-ratio: 1 / 1; height: auto; border: 0 !important; }
	.m3_sb_pbr .involvement { margin-right: auto !important; }
	.cmb h1, .up2col .cmb { text-align: left !important; }
	.up2 {display: block; text-align: center; }
	.up2 .up2col { width: 100%; padding: 0; }
	.up2 .up2col:first-of-type .involvement { margin-bottom: 2em; }
	.up2 .up2col h1 { padding: 0 7%; }
	.m3_sb_tv h1 { text-align: center !important; }
	.up2col .porktrait {display: block !important; text-align: center !important; max-width: unset;}
	.up2col .randscape {display: none;}
	.up2 .up2col:last-of-type { padding: 0; }
	.m3_sb_designboard .up3 { margin:  0 auto; text-align: center; }
	 .imac_video { max-width: unset !important; }
	 .imac_machine { max-width: unset !important; }
	.up3mob { position: relative; width: auto; margin: 0 auto; display: grid; grid-auto-flow: column;}
	.up3mob .up3col { width: 100%; height: auto; padding: 0; text-align: center; grid-column: 1;}
	.up3mob .up3col:first-of-type { padding: 0 auto 0 0; text-align: right; }
	.up3mob .up3col:last-of-type { padding: 0 0 0 auto; text-align: left; grid-row: 2 / 3; }
	.up3socads { position: relative; width: auto; margin: 0 auto; display: flex; flex-direction: column; }
	.up3socads .up3col { width: 100vw; height: auto; padding: 0; text-align: center;}
	.up3socads .up3col:nth-child(3){order: 3;}
	.up3socads .up3col:nth-child(2){order: 1;}
	.up3socads .up3col:nth-child(1){order: 2;}
	.up3socads .icos { height: unset; text-align: center; }
	.up3socads .icos li { padding: 0.33vw; height: unset; }
	.up3socads .icos li .btn { height: 30vw; }
	.up3socads .icos li .btn img { width: 30vw; }
	.up3socads .icos { width: 100vw; border: none; }
	.up3socads .vindeo { width: 100vw; border: none; max-width: unset; }
	.watson_img { width: 100%; max-width: unset !important; margin: 1em 0; }
	.eco_hydraulic { margin: 3em auto 2em; width: 95%; }
	.preamble { float: none; max-width: 100%; margin-left: 0; }
	.what_can_I_do_you_for { float: left; clear: both; text-align: left; margin-top: 3em; margin-left: 7%; margin-bottom: 0; }
	.what_can_I_do_you_for li { margin: 0 0 0.5em; padding: 0 1.5em 0 0; background: none; overflow: unset; }
	h1 { width: auto; margin: 0 0 0.5em 0; font-size: 2em; line-height: 1.5em; text-align: center; }
	.i_work_with, .i_work_on, .cmb_box_33, .m3_sb_tv h1, .m3_sb_greekbrew h1 { padding-left: 5%; padding-right: 5%; }
	.m3_sb_tv .involvement { padding:  0 5%; text-align: center; }
	.m3_sb_flowmaps h1 { text-align: center; }
	.m3_sb_websites h1 { padding-left: 5%; padding-right: 5%; }
	.m3_sb_nebojsa .texty{ margin: auto; width: 90%; }
	.m3_sb_nebojsa .img_rotator { margin-top: 3em; width: 100%; }
	.m3_sb_3d .watson_img { margin: 3em 2.5% 0; width: 95%; }
	.m3_sb_cmls h1 { text-align: center !important; max-width: unset !important; }
	.m3_sb_cmls .involvement { max-width: unset !important; }
	.m3_sb_cmls .img_rotator3 { max-width: unset !important; }
	.m3_sb_cmls img { width: 100%; }
	.m3_sb_cmls .texty { padding: 0 5%; width: unset; }
	.ldscp .texty { display: none; }
	.prtrt .texty { display: block; }
	.smokies { transform: scaleY(3); }
	.underwater { transform-origin: top left; transform: scaleY(6); }
	.greekbrew { margin: 0; padding: 0; }
	.greekbrew .greekbrew_img {margin: 7% 0; aspect-ratio: 500 / 479; max-width: 100%; min-width: 350px; background: url(../res/img/greekbrew_mb.avif); background-size: 105%; background-repeat: no-repeat; background-position: center; }
	.tv_oldschool_video { margin-bottom: 1em; width: 100vw; height: auto; aspect-ratio: 646 / 517; }
	.m3_sb_tv .bbtxt_2{ margin-top: 2em; }
	.bolestan { max-width: unset; }
	.bolestan .vindeo { max-width: unset; }
	.bill_blur { filter: blur(9px); }

	h1, .involvement, .texty { max-width: unset !important; }
	.m3_mnu { width: 75vw; }
	.m3_mnu_open { left: 25vw; }
	.m3_mnu_btn { bottom: 20vh; animation-name: porkistador_mb; animation-fill-mode: forwards; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1;  }
	.m3_mnu_btn_open { animation-name: porkistador_open_mb; animation-fill-mode: forwards; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; }
	.m3_mnu_list {  }
	.m3_mnu_list li { font-size: 5vw; }
	.m3_mnu_list li:hover { color: rgba(240,240,240,1); }

	footer { position: unset; padding: 0; color: rgba(255,255,255,1); }
}