.container { position: relative; width: 1200px; margin: 0 auto; padding: 0; height: inherit;} .container .column, .container .columns { float: left; display: inline; /*margin-left: 0.5%; margin-right: 0.5%;*/ } .row { margin-bottom: 20px; } /* Base Grid */ .container .one.column, .container .one.columns { width: 3.33333%; } .container .two.columns { width: 6.66667%; } .container .three.columns { width: 10%; } .container .four.columns { width: 13.33333%; } .container .five.columns { width: 16.66667%; } .container .six.columns { width: 20%; } .container .seven.columns { width: 23.33333%; } .container .eight.columns { width: 26.66667%; } .container .nine.columns { width: 30%; } .container .ten.columns { width: 33.33333%; } .container .eleven.columns { width: 36.66667%; } .container .twelve.columns { width: 40%; } .container .thirteen.columns { width: 43.33333%; } .container .fourteen.columns { width: 46.66667%; } .container .fifteen.columns { width: 50%; } .container .sixteen.columns { width: 53.33333%; } .container .seventeen.columns { width: 56.66667%; } .container .eighteen.columns { width: 60%; } .container .nineteen.columns { width: 63.33333%; } .container .twenty.columns { width: 66.66667%; } .container .twentyone.columns { width: 70%; } .container .twentytwo.columns { width: 73.33333%; } .container .twentythree.columns { width: 76.66667%; } .container .twentyfour.columns { width: 80%; } .container .twentyfive.columns { width: 83.33333%; } .container .twentysix.columns { width: 86.66667%; } .container .twentyseven.columns { width: 90%; } .container .twentyeight.columns { width: 93.33333%; } .container .twentynine.columns { width: 96.66667%; } .container .thirty.columns { width: 100%; } .container .sixteen.columns .subanddesc .subtitle, .container .seventeen.columns .subanddesc .subtitle, .container .eighteen.columns .subanddesc .subtitle, .container .nineteen.columns .subanddesc .subtitle, .container .twenty.columns .subanddesc .subtitle, .container .twentyone.columns .subanddesc .subtitle, .container .twentytwo.columns .subanddesc .subtitle, .container .twentythree.columns .subanddesc .subtitle, .container .twentyfour.columns .subanddesc .subtitle, .container .twentyfive.columns .subanddesc .subtitle, .container .twentysix.columns .subanddesc .subtitle, .container .twentyseven.columns .subanddesc .subtitle, .container .twentyeight.columns .subanddesc .subtitle, .container .twentynine.columns .subanddesc .subtitle, .container .thirty.columns .subanddesc .subtitle{ width:48%; } #block-fblikebutton-fblikebutton-static-block{width:1200px;margin:-32px auto 0 auto;} .pushright{margin-right:3.33333% !important;} .pushleft{margin-left:3.33333% !important;} #block-views-project-preview-block .pushright{margin-right:3.33333% !important;} #block-views-project-preview-block .pushleft{margin-left:3.33333% !important;} .projectimage{height:313px;} .menuitem {float:left; display:inline; margin-left:60px;} /* Suffix Extra Space >> 30 Columns ----------------------------------------------------------------------------------------------------*/ .container .suffix_1 {padding-right:3.33333%;} .container .suffix_2 {padding-right:6.66667%;} .container .suffix_3 {padding-right:10%;} .container .suffix_4 {padding-right:13.33333%;} .container .suffix_5 {padding-right:16.66667%;} .container .suffix_6 {padding-right:20%;} .container .suffix_7 {padding-right:23.33333%;} .container .suffix_8 {padding-right:26.66667%;} .container .suffix_9 {padding-right:30%;} .container .suffix_10 {padding-right:33.33333%;} .container .suffix_11 {padding-right:36.66667%;} .container .suffix_12 {padding-right:40%;} .container .suffix_13 {padding-right:43.33333%;} .container .suffix_14 {padding-right:46.66667%;} .container .suffix_15 {padding-right:50%;} .container .suffix_16 {padding-right:53.33333%;} .container .suffix_17 {padding-right:56.66667%;} .container .suffix_18 {padding-right:60%;} .container .suffix_19 {padding-right:63.33333%;} .container .suffix_20 {padding-right:66.66667%;} .container .suffix_21 {padding-right:70%;} .container .suffix_22 {padding-right:73.33333%;} .container .suffix_23 {padding-right:76.66667%;} .container .suffix_24 {padding-right:80%;} .container .suffix_25 {padding-right:83.33333%;} .container .suffix_26 {padding-right:86.66667%;} .container .suffix_27 {padding-right:90%;} .container .suffix_28 {padding-right:93.3333%;} .container .suffix_29 {padding-right:96.66667%;} /* Prefix Extra Space >> 30 Columns ----------------------------------------------------------------------------------------------------*/ .container .prefix_1 {padding-left:3.33333%;} .container .prefix_2 {padding-left:6.66667%;} .container .prefix_3 {padding-left:10%;} .container .prefix_4 {padding-left:13.33333%;} .container .prefix_5 {padding-left:16.66667%;} .container .prefix_6 {padding-left:20%;} .container .prefix_7 {padding-left:23.33333%;} .container .prefix_8 {padding-left:26.66667%;} .container .prefix_9 {padding-left:30%;} .container .prefix_10 {padding-left:33.33333%;} .container .prefix_11 {padding-left:36.66667%;} .container .prefix_12 {padding-left:40%;} .container .prefix_13 {padding-left:43.33333%;} .container .prefix_14 {padding-left:46.66667%;} .container .prefix_15 {padding-left:50%;} .container .prefix_16 {padding-left:53.33333%;} .container .prefix_17 {padding-left:56.66667%;} .container .prefix_18 {padding-left:60%;} .container .prefix_19 {padding-left:63.33333%;} .container .prefix_20 {padding-left:66.66667%;} .container .prefix_21 {padding-left:70%;} .container .prefix_22 {padding-left:73.33333%;} .container .prefix_23 {padding-left:76.66667%;} .container .prefix_24 {padding-left:80%;} .container .prefix_25 {padding-left:83.33333%;} .container .prefix_26 {padding-left:86.66667%;} .container .prefix_27 {padding-left:90%;} .container .prefix_28 {padding-left:93.3333%;} .container .prefix_29 {padding-left:96.66667%;} /* ================================================== */ @media only screen and (max-width: 1399px){ .field-slideshow-slide img {width: 200vw !important;} .bottle{margin-top: -36vw;} .Urpflanze .latestprojecttop p img{height: 350px;} .page-node-14 #container {background-size: cover; background-position: right; background-position-y: -10px; } .wustext {font-size: 2.1vw; line-height: 2.9vw;} } @media only screen and (min-width: 900px) and (max-width: 1399px) { .container,#block-fblikebutton-fblikebutton-static-block { position: relative; width: auto; margin: 0 100px 0 100px; padding: 0; } #block-fblikebutton-fblikebutton-static-block{margin:-32px 100px 0 100px;} #planta01{margin-left:185px;} #planta02{margin-left:127px;} .latestprojecttop{padding-top: 13%;} .sidetitle{font-size: 5.5vw;line-height: 5.3vw;} .Plantæ .latestprojecttop p img{height: 375px;} .view-footer {margin: 12% auto 0 auto;} #block-views-project-preview-block .subtitle, #block-views-project-preview-block-1 .subtitle {font-size:13px;line-height: 25px;} #block-views-project-preview-block .title, #block-views-project-preview-block-1 .title {font-size:19px; margin:7px 0px 10px 0px;} .projectteaser {margin-bottom:20px; } .projectimage img{max-height:0;min-width:100%} .colorname{font-size:16px;} .menuitem {margin-left:3vw;} } @media only screen and (max-width: 1349px) { .field-name-field-share-buttons{margin-top:0px;} .field-name-field-share-buttons a {display:block;float:none;margin-bottom:5px;} .mustacchiimages{margin-bottom: 2.8vw !important;} } @media only screen and (max-width: 1299px) { .construction,.concept{margin-top:110px;} .unfocustext02 .columns{width: 100% !important;} .plantaetext01 {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;} .agniposters img {width: 85%} } @media only screen and (max-width: 1249px){ .unfocusleft, .unfocusimg01{margin-right: 35px !important;} .unfocusbottomup .unseen{padding-left: 0;} .unfocusbottommid .unfocustext03{width: 240px !important;padding-left: 0;margin-left: 0;clear: left;} .unfocusbottomdown .unfocustext03{width: auto !important; max-width: 275px; padding-left: 20px; margin-left: 3.33333%; } .unfocusbottomdown .container {display: flex; padding-left: 245px;} .plantaebottomdown .container {background-position-x: 15%;} .mustacchitop {background-position-x: 55%} } @media only screen and (max-width: 1199px) { .latestprojecttop{padding-top:160px;} .sidetitle{font-size:65px;line-height:60px;} .view-footer{margin-top:145px;} .Ugovezzoli .latestprojectleft{width: 37.5%; margin-right: 175px; min-width:0px;} .Ugovezzoli .latestprojecttop p img{max-height:345px; position:inherit;} .projectteaser {margin-bottom:10px; min-height:36vw;} #block-views-project-preview-block .title, #block-views-project-preview-block-1 .title {font-size:15px; margin:7px 0px 10px 0px;} #block-views-project-preview-block .subtitle, #block-views-project-preview-block-1 .subtitle {font-size:14px;line-height:23px;letter-spacing:1.5px;} .projectimage img{max-height:22vw;min-width:0;min-height:0} .projectimage{height:auto} .subtitle {min-height:75px;} .field-name-field-share-buttons{float:left;position:absolute;top:110px;} .field-name-field-share-buttons a {display:block;float:left;margin-bottom:0px;} .corporate{float:none;} .corporateelements{clear:none;} .unfocusmiddle .container {display: flex; -webkit-flex-flow: row; flex-flow: row;} .unfocusright{display: flex; -webkit-flex-flow: row; flex-flow: row;} .unfocustext01 {height: inherit;} .unfocustext02{width: 100% !important;} .unfocusbottommid .container >:nth-child(2) {margin-top: 10px;} } @media only screen and (max-width: 1149px) { .agniright {width:40%;} .agnirighttext { column-count:1; -webkit-column-count:1; -moz-column-count:1;} .agnistructure{ margin-left: -129px;} .unfocusbottomdown .container {padding-left: 0px;} .plantaetext02 {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; float: right !important;} .vaso03 {left: 0;} } @media only screen and (max-width: 1099px) { #views_slideshow_cycle_main_latest_projects-block #sociallinks{display:none} body.front #sociallinks{float:left;display:block;} .group-dati,.typefaceandcolors{width:290px;min-width:290px;margin-right:0px;} .identitytext{width:45%; -webkit-column-count:1; -moz-column-count:1; column-count: 1;} #typefaceexample{font-size:30px !important;} #typefaceexample02{font-size:14.5px !important;line-height:23px;} .page-node-18 #typefaceexample02{width: 250px; font-size:18px !important;line-height: 26px !important;} .mustacchitop {background-position-x: 57%} .mustacchitext p { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;} .logosteelwoodimg {width: 100%;min-width: 100px;} .logolm img{width: 75%;} .logod0m {width: 100%;} .logod0mimg {width: 30%; margin-right: 27%;} .logod0m .logotext {margin-right: 3%; float: left; } .logofrancacontea{width: 100%; margin-left: 0;} .logofrancaconteaimg{width: 40%;} .logofrancacontea .logotext{margin-left: 3%;} .logolm .logotext{width: 40%;} .logomps .logoimg {width: 100%; height: 199px;} .logomps .logotext {width: 100%; margin:35px 0 0 0;} } @media only screen and (max-width: 1029px){ .postercontainer{float: right !important;} .postersmall{height: 576px; margin-right: -31px;} .agniright{width: 410px;margin-top: -440px;} .agnistructure{background-size:72%; margin-left: -158px;} .agnirighttext{width: 410px;column-count:2; -webkit-column-count:2; -moz-column-count:2;} .agniconceptbox{float: right;width: 410px; margin-top: 50px;} .agniconcepttext{ min-width: initial; } .text04{width: 100% !important;} .page-node-5 .field-item{background-position-x: -1190px; background-position-y: 1016px;} .agnicontainer {background-position-x: 155.5%; } .corporatetext{margin-left:0px; width:315px;} } @media only screen and (max-width: 999px) { .Agni .latestprojecttop p img{right:-30px;} .latestprojectleft{ max-width: 320px;} .page-node-9 .title {font-size:14px;} .page-node-9 .subtitle {font-size:13px;line-height:21px;letter-spacing:1px; min-height: 65px;} .projectteaser {margin-bottom:15px; min-height:34vw;} .vezzolitext{column-count:1; -webkit-column-count:1; -moz-column-count:1;} .unfocusright{-webkit-flex-flow: column; flex-flow: column;} .related{text-align: left;padding-left: 0;margin-top: 40px !important;} .unfocusx{margin: -50px -10px 0 0!important;} .plantaeguida {margin-top:70px;} .plantaecomingsoon {position: absolute;margin-top: 295px;} .Urpflanze .latestprojecttop p img{right: 10%;} .mustacchimiddle .container {background-size: 38%} .contactstop .region-content {float: right;min-width: 200px; width: 400px; margin-left: 0;} .wustext{font-size: 22px; line-height: 26px;} } @media only screen and (max-width: 925px){ .corporateelements{width:auto;} } @media only screen and (max-width: 899px){ .field-slideshow-slide img {width: 210vw !important;} .bottles {margin-top: 10% !important;padding-left: 0px !important;text-align: center;} .bottle {background-image: url("/files/etichetta-pas-dose.png"); margin-top: 0px; height: 36vw; } .unfocusbottom{background-size: cover;} .plantaebottomdown .container {background-position-x: 10%;} .agniposters .container {width: 100%;} .posterup{display: inline-block; width: 85%; margin: auto;} .posterdown {display: inline-block; ;width: 85%; } .posterdownwrapper {border-top: 1px dashed #BFBFBF; margin-top: 30px;} .agniposters div{text-align: center !important;} .posterup .agniposterbottom img{max-width: 57%;} .posterdown .agniposterbottom img {max-width: 100%;} .wusposterbig{width: 60% !important;} .wuspostersmall{width: 35% !important; margin: 0 0 3% 0 !important;} .wustext{width: 60%!important;margin-left: 0px !important;} .wusposterschwarzsmall{width: 35%; float: left;} .schwarz .wuspostersmall{width: 100% !important;margin-bottom: 10% !important;} } @media only screen and (max-width: 849px){ .agniright{margin-top: 100px !important;float: left !important; width: 100% !important;max-width: 100%; } .agnistructure{float: right !important; margin: -200px 0 0 0;position: absolute; right: 0; bottom: 13px; min-width: 280px;} .agnirighttext{width: 50%;height: auto; column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;} .postersmall{width: 325px;} .agniconceptbox{width:50%;} .page-node-5 .field-item{background-position-x: -1210px; background-position-y: 1153px;} .agnicontainer {background-position-x: 136%; } .mustacchitop {background-position-x: 77%;} .mustacchitop .mustacchiright {width: 100% !important;} .mustacchimiddle .mustacchiright {min-width:auto;} .farfalle{right: -120px;} .mustacchibottom .container :nth-child(3){display: none;} .mustacchibottom .twentythree, .mustacchibottom .twentyone {width: 100% !important;} .mustacchibottom .prefix_9 {padding: 0 !important;} .mustacchicaption {display: none;} .vezzoliphotos .twentythree, .vezzoliphotos .eight, .vezzoliphotos .twentyone {width: 100% !important;} .vezzoliphotos .prefix_9 {padding: 0 !important;} .vezzolicaption {display: none;} .page-node-14 #container{ background-image: url("/files/colibrizsmall.png"); background-repeat: no-repeat; background-position: top right; background-size: contain; } .contactstop .region-content { width: 100%; } } @media only screen and (max-width: 820px) { .identitytop{height: auto;} .logoimage{width:100%; margin: 30px 0;} .logoimage .field-name-field-logo {min-height: 220px; height: auto;} .subtitle{position: static !important;} .identitytext {width:100% !important; text-align:justify;margin:35px 0 0 0 !important;} .field-name-field-share-buttons{float:right;position:static;margin-top:35px;} } @media only screen and (min-width: 651px) and (max-width: 899px) { .container,#block-fblikebutton-fblikebutton-static-block { width: 85%; } /*.container .column, .container .columns { margin-left: 0.5%; margin-right: 0.5%; }*/ .column.alpha, .columns.alpha { margin-left: 0; margin-right: 5px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 5px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns { width: 48%; } .container .sixteen.columns, .container .seventeen.columns, .container .eighteen.columns, .container .nineteen.columns, .container .twenty.columns, .container .twentyone.columns, .container .twentytwo.columns, .container .twentythree.columns, .container .twentyfour.columns, .container .twentyfive.columns, .container .twentysix.columns, .container .twentyseven.columns, .container .twentyeight.columns, .container .twentynine.columns, .container .thirty.columns { width: 100%; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } .container .twelve.alt.columns { width: 546px; margin-right: 20px; } .container .twelve.alt2.columns { width: 546px; margin-left: 20px; } .container .eleven.alt.columns { width: 488px; margin-right: 20px; } .container .five.alt.columns { width: 185px; margin-right: 15px; } body {margin-top:5vw} .menuitem {margin-left:4vw;} #block-locale-language-content{display:none;} #breadcrumbs {margin-top: 30px;} #sidex, #projectsidex, #contactsidex{display:none;} #slideshow-nav{margin-right:0px;} #slideshow-nav a{font-size:28px;height:29px;} #slideshow-nav .activeSlide{font-size:30px;} .homeintro .introtext {font-size:19px;line-height:33px;} #plantehomeintro{float:right;margin-top: -83px;} #planta01{margin-left:0px;} #planta02{margin-left: 70px;margin-right: 113px;} .Plantæ .latestprojecttop p img{right:14vw; height: 375px;} .latestprojectleftcolumn, .latestprojectleftcolumn p, .latestprojectrightcolumn, .latestprojectrightcolumn p {line-height: 33px;font-size: 17px;} .socialicon{float:left;margin-right:20px;margin-left:0px;} .page-node-9 .pushright{margin-right:0px !important;} .page-node-9 .pushleft{margin-left:0px !important;} .page-node-9 .cleft{margin-left:0px !important;margin-right:4% !important;} .page-node-9 .cright{margin-left:0px !important;margin-right:0px !important} .page-node-9 .subtitle {font-size:15px;line-height: 25px;} .page-node-9 .title {font-size:20px; margin:5px 0px 10px 0px;} .projectteaser {min-height: inherit;} .projectimage{height:inherit} .projectimage img{width:100%; min-height:inherit; max-height: inherit;} .projecttype{display:none} .Blur{width:100% !important} .vezzoliright{width: 45% !important; } .vezzolisubtitle {font-size: 14px;line-height: 19px;} .bottle{height: 24vw; margin-bottom: 55px;} .bottles img {width: 85%;} .corporate, .identitytext{ margin-left: 8%;} .unfocusimg01, .unfocusimg02{width: 20% !important;} .plantaemiddle .plantaebolla { margin-top: 30px;} .plantaemicrotitle {width: 45% !important;} .Urpflanze, .Unfocus, .Weiss {width: 100% !important;} .posterup .agniposterbottom {width: 50%} .posterdown .agniposterbottom {width: 33.33333%} } @media only screen and (max-width: 799px) { .unfocusbottomdown .container {display: block; } .unfocusimg01, .unfocusimg02{width: 46% !important;} .unfocusimg01{margin-right: 8% !important;} .unfocusbottomdown .unfocustext03{padding-left: 46% !important;margin-left: 8%!important;margin-top: 40px !important;} .logoteaser {width: 100% !important;margin: 0px 0px 35px 0px !important;} .logoimg {width: 100% !important; margin: 0 !important;} .logoimg img{width: 220px; height: auto;} .logoimgwrapper {width: 100% !important;} .logotext {width: auto !important; text-align: left !important;float: left!important;border-right: none !important; border-left: none !important; margin: 35px 0 0 0 !important ;padding-left: 0px !important;padding-right: 0px !important;} .logotext p{text-align: left; } .logoincipit .logotexttop {display: inline-block; border-top: 6px solid #00A0B3;} .logosteelwood .logotexttop {display: inline-block; border-top: 6px solid #92B83C;} } @media only screen and (max-width: 770px) { .logoimage img{width:90%;} .plantaebottomdown .container {background-position-x: 0;} .plantaebottomdown .plantaebolla {left: 37.5%; bottom: 38px; top: auto;;} } @media only screen and (max-width: 750px) { body {margin-top:5vw} .buttons {width: 43%;} .viewmore, .launchsite {width: 43%;height:40px; font-size:25px;} .latestprojectmoretext {height:30px; padding:7px 0px 2px 12px;} .whitetriangle, .blacktriangle {border-width:9px 0 9px 12.7px; margin: 11px 0 0 9px;} .latestprojectright {margin-left: 52%;} .latestprojectleftcolumn, .latestprojectleftcolumn p, .latestprojectrightcolumn, .latestprojectrightcolumn p {font-family: "DINPro-Light";line-height: 34px;font-size: 17px;} .Ugovezzoli .latestprojectleft{width: 43%; margin-right:0;min-width:0px} .Ugovezzoli .latestprojecttop p img{margin-left:9%; max-height:345px; position:inherit;} .Agni .latestprojecttop p img{right:-10px;} .Agni .viewmore, .Agni .launchsite{width:100%} .businesscard, .corporatetext {width:auto;max-width: 360px;} .typefaceandcolors{min-width: 240px;} /*#footer{margin-top:-10px !important}*/ body.front #sociallinks{margin-top:10px} .plantaetext01 { margin-top: 30px !important; width: 65% !important;} .plantaecomingsoon {right: 60px; top: 180px;} .plantaemiddle .plantaebolla {margin-top: -213px;} .plantaebottomdown .plantaebolla {} .plantaebottomleft {padding-top: 20px;} .vaso04 {right:70px;} } @media only screen and (max-width: 699px){ .agnileft{width: 48% !important;} .agnistructure{width: 50%;} .agnicontainer {background-position-x: -600px; background-position-y: bottom; background-size:200%; } .postercontainer{width: 45% !important;} .postersmall{width: 100%;} .agniconceptbox{float:left; width: 60%;} } @media only screen and (max-width: 599px){ .agniconceptbox{width: 100%;} .agnicontainer {height: 2500px;} .unfocusimg01, .unfocusimg02 {min-width: 100px;} .unfocusbottomdown .unfocustext03 {padding-left: 0px !important;margin-left: 0px !important;} .plantaupsx {left: 0;} .plantaup {right: 10%;} .bottles {margin-top: 17% !important;} } /* #Mobile (Landscape) ================================================== */ @media only screen and (max-width: 650px) { .container,#block-fblikebutton-fblikebutton-static-block { width: 80%; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .seventeen.columns, .container .eighteen.columns, .container .nineteen.columns, .container .twenty.columns, .container .twentyone.columns, .container .twentytwo.columns, .container .twentythree.columns, .container .twentyfour.columns, .container .twentyfive.columns, .container .twentysix.columns, .container .twentyseven.columns, .container .twentyeight.columns, .container .twentynine.columns, .container .thirty.columns, .logoteaser { width: 100%; } .projectimage img {width:auto; height: 300px; max-height: 300px;} .container .sixteen.columns .subanddesc .subtitle, .container .seventeen.columns .subanddesc .subtitle, .container .eighteen.columns .subanddesc .subtitle, .container .nineteen.columns .subanddesc .subtitle, .container .twenty.columns .subanddesc .subtitle, .container .twentyone.columns .subanddesc .subtitle, .container .twentytwo.columns .subanddesc .subtitle, .container .twentythree.columns .subanddesc .subtitle, .container .twentyfour.columns .subanddesc .subtitle, .container .twentyfive.columns .subanddesc .subtitle, .container .twentysix.columns .subanddesc .subtitle, .container .twentyseven.columns .subanddesc .subtitle, .container .twentyeight.columns .subanddesc .subtitle, .container .twentynine.columns .subanddesc .subtitle, .container .thirty.columns .subanddesc .subtitle {width:100%;} /* Suffix Extra Space >> 30 Columns ----------------------------------------------------------------------------------------------------*/ .container .suffix_1, .container .suffix_2, .container .suffix_3, .container .suffix_4, .container .suffix_5, .container .suffix_6, .container .suffix_7, .container .suffix_8, .container .suffix_9, .container .suffix_10, .container .suffix_11, .container .suffix_12, .container .suffix_13, .container .suffix_14, .container .suffix_15, .container .suffix_16, .container .suffix_17, .container .suffix_18, .container .suffix_19, .container .suffix_20, .container .suffix_21, .container .suffix_22, .container .suffix_23, .container .suffix_24, .container .suffix_25, .container .suffix_26, .container .suffix_27, .container .suffix_28, .container .suffix_29 {padding-right:0px;} /* Prefix Extra Space >> 30 Columns ----------------------------------------------------------------------------------------------------*/ .container .prefix_1, .container .prefix_2, .container .prefix_3, .container .prefix_4, .container .prefix_5, .container .prefix_6, .container .prefix_7, .container .prefix_8, .container .prefix_9, .container .prefix_10, .container .prefix_11, .container .prefix_12, .container .prefix_13, .container .prefix_14, .container .prefix_15, .container .prefix_16, .container .prefix_17, .container .prefix_18, .container .prefix_19, .container .prefix_20, .container .prefix_21, .container .prefix_22, .container .prefix_23, .container .prefix_24, .container .prefix_25, .container .prefix_26, .container .prefix_27, .container .prefix_28, .container .prefix_29 {padding-left:0px;} body {margin-top:5vw} .menuitem {margin-left:1em;} .homeintro .introtext {font-size:19px;line-height:33px;} .Urpflanze .introtext {width: 80%;} .Urpflanze .latestprojecttop p img {height: 300px; right: -5%} #block-locale-language-content{display:none;} #breadcrumbs {margin-top: 30px;} #slideshow-nav{margin-right:0px;} #slideshow-nav a{font-size:37px;margin-bottom:24px;} #slideshow-nav .activeSlide{font-size:46px;} #sidex, #projectsidex, #contactsidex{display:none;} .Plantæ .latestprojecttop p img{right:5vw; height: 375px;} .Plantæ .introtext{width:60vw;} .page-node-9 .title {font-size:18px;} .pushleft {margin-left: 40px !important;} .socialicon{float:left;margin-right:20px;margin-left:0px;} .projectteaser {margin-bottom: 15px !important;min-height: inherit;} .projectimage{height:inherit} .page-node-9 .title { margin: 6px 0px 8px 0px;} .page-node-9 .subtitle { min-height: 0;} .subanddesc {padding-top: 10px;} .description{display:none} .projecttype{display:none} .identitytop > .container{height:inherit;} .node-type-identity .subtitle{height:auto; position:absolute; bottom:0;} .field-name-field-subtitle{position:static;} .group-dati{width:100%;} .construction{width:100%;} .field-name-field-logo-construction{height: inherit !important} #typefaceexample{font-size: 39px !important;width: auto;} #typefaceexample02{font-size:17px !important;} .colors{width: 100%} .corporate{margin-left:0px;float:left;} .typefaceandcolors,.corporate,.businesscard,.corporateelements, .otherworks{width:100%;min-width: 100px;} .concept, .construction, .typeface, .corporate, .colors {margin-top: 70px;} .corporatetext{margin:20px 0 0 0;} .corporatewrapper{display: block;} .unfocusmiddle .container {-webkit-flex-flow: column; flex-flow: column;} .unfocustext02 {margin-top: 30px !important;} .plantaecomingsoon {right: 95px; top: -140px;margin-top: 250px;} .plantaetext01 {width: 100% !important;} .plantaemiddle .plantaebolla {position: absolute;top: 7px;right: 0;margin-top: 0;} .plantaebottomdown .plantaebolla {right: 0; top: 5px; left: auto;} .vasidx {width: 40% !important;} .vaso03{display: none !important;} .vaso04 {top:120px;} .vaso05 {top: 342px;} .plantaemicrotitle {text-align: left;} .plantaebottomdown .container {padding-top: 10px;background-image: none;} .mustacchimiddle .container {height: 685px; background-size: 250px; background-position: right bottom;} .mustacchiright { min-width: 100px;} .farfalle { right: -170px;} .posterup .agniposterbottom {width: 50%} .posterdown .agniposterbottom {width: 33.33333%} .page-node-14 #container { background-position-x: 110px; background-position-y: 30px;} .wustext{margin: 20px 0 0 !important;} .wuspostersmall{margin: 0 0 3% 0 !important;} .vezzolicolors { margin-top: 55px;} } @media only screen and (max-width: 549px) { .page-node-5 .contentbkg .container{width:100% !important;} .agnileft, .agnirighttext, .agniconceptbox {float: none !important; width: 80% !important; margin: 0 auto !important; display: block !important; overflow: auto;} .postercontainer{ float: none !important; width: 100% !important; margin: 40px 0 !important; border-top: 1px dashed #333333; display: block !important; overflow: auto;} .postersmall{margin: 0px auto !important;width: 80%; max-width:330px; float: none !important;} .agnistructure{display: none;} .agnicontainer { height: 2930px; background-position-x: -540px;} .posterup, .posterdown {width: 100%;} .posterdownwrapper {border-top: none;margin: 0;} .agniposterbottom {width: 100% !important; border-top: 1px dashed #BFBFBF; padding-bottom: 30px;} .agniposters img{width: 65%;max-width: 65% !important;} .agniposters .container .posterup div:first-child{border-top: none;} .introtext {font-size: 18px; line-height: 33px;} .mustacchimiddle .container {height: 720px;} .wuspostersmall, .wusposterbig, .wusposterschwarzsmall{width: 100% !important; margin-bottom: 20px !important;} .wustitle{font-size: 15vw; line-height: 15vw;} .wustext{width: 100% !important; margin:20px 0 0 !important;} .wusposterschwarzsmall .wuspostersmall{margin-bottom: 20px !important;} } @media only screen and (min-width: 450px) and (max-width: 550px) { .Plantæ .latestprojecttop p img{height: 70vw;} .Ugovezzoli .latestprojectlogo{display:none;} .Agni .latestprojecttop p img {right: -170px;} .Agni .viewmore {margin-top:0px;} .Agni .latestprojectleftcolumn, .Agni .latestprojectrightcolumn {font-size:3.3vw;} .viewmore,.launchsite{margin-top:0px;width:100%;height:40px;} .launchsite{margin-top:15px;} .buttons {width: 100%;} .latestprojectright {width:auto; margin:30px auto 0px auto; float: left;} .latestprojectleftcolumn, .latestprojectrightcolumn {width:auto;font-size:3.5vw;line-height:7vw;} } @media only screen and (max-width: 499px) { .Urpflanze .introtext {width: 60%;font-size: 17px;line-height: 29px;} .Urpflanze .latestprojecttop p img{height: 270px;} .plantaetitle {font-size: 70px;} .plantaup {right:5%;} .plantaecomingsoon {right: 0;} .sassi {display: none;} .plantaemiddle .container {padding-bottom: 125px;} .vaso04 {right: 0;} .vaso05 {display: none !important;} .vasidx {width: auto !important;} .plantaebolla {width: 43px; height: 43px; line-height: 45px;} .mustacchimiddle .container {height: 760px;} .storie{font-size: 18px; line-height: 15px; margin-top:50px;} .farfalle{right: -200px; top: 271px; background-size: 72%;} .mustacchitop{height: 600px;} } @media only screen and (max-width: 449px) { .Plantæ .latestprojecttop p img{height: 315px;} .Ugovezzoli .latestprojectlogo{display:none;} .Agni .latestprojecttop p img {right: -170px;} .Agni .viewmore {margin-top:0px;} .agnicontainer { height: 2980px; background-position-x: -440px;} .viewmore, .launchsite {margin-top:0px;width:100%;height:50px;font-size:30px;} .launchsite{margin-top:15px;} .buttons {width: 100%;} .latestprojectmoretext {height:30px; padding:12px 0px 2px 13px;} .whitetriangle, .blacktriangle {border-width:9px 0 9px 12.7px; margin: 16px 0 0 12px;} .latestprojectright {margin:30px auto 0px auto; float:left;} .latestprojectleftcolumn, .latestprojectrightcolumn {float:none;font-size:5vw;line-height:9vw;} .mustacchimiddle .container{height: 800px;} #footer {margin-top: 30px !important;} } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }