html{scroll-behavior:smooth;word-break:break-word;overflow-x:hidden}body{font-family:'Roboto Condensed',sans-serif;font-weight:300;font-size:20px;max-width:1920px;width:100%;background-color:#252525;color:#fff}h1{font-size:30px;letter-spacing:20px;font-weight:700;text-align:center;text-transform:uppercase}h2{font-weight:700;text-transform:uppercase;letter-spacing:5px;text-align:center}.center-box{width:90%;max-width:1920px;margin:150px auto}.sub-page h1{margin-bottom:5px}.sub-page h2{color:#b69e82;margin-bottom:20px}a{text-decoration:none;letter-spacing:5px;font-size:15px;font-weight:400;color:#fff;transition:all .5s ease-in-out}a:hover{letter-spacing:3px;transition:all .5s ease-in-out}.button{margin-top:50px;text-align:center}.button a{background-color:#b69e82;padding:10px 50px;border-radius:50px}#menu-main-menu li a:hover,#menu-foot-menu li a:hover{letter-spacing:10px}#logo{width:300px}#main-logo img{width:30%;display:block;margin:60px auto 30px auto}.inner-page{background-image:url(//variopc.hu/wp-content/themes/vario/img/hero.webp);background-repeat:no-repeat;background-size:cover;height:100px;background-position:unset}#hero-text{width:40%;margin:120px 50px}#hero-text h1{margin-bottom:20px}#hero-text p{text-align:center}header{background-image:url(//variopc.hu/wp-content/themes/vario/img/hero.webp);background-repeat:no-repeat;background-size:cover;height:700px;background-position:unset}#menu-section{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));width:100%;height:100%}#menus{display:flex;justify-content:space-between;margin-right:40px}#nav ul{float:right;text-transform:uppercase}#nav ul li{float:left;text-align:left;margin-left:40px}#menu-main-menu li,#menu-foot-menu li{text-transform:uppercase;font-size:20px;text-align:center}#menu-main-menu li{line-height:4}#menu-foot-menu li{line-height:2}#services h1,#partnereink h1{color:#b79e82;margin-bottom:100px}#services img,#partnereink img{text-align:center;width:20%;max-width:100%;display:flex;margin-left:auto;margin-right:auto}#services h2{margin:30px 0}#services p{text-align:center;padding:0 50px}#services{display:flex}.projectimgs{padding-bottom:10px}#projects h1{margin:100px 0}#projekt-1,#projekt-2,#projekt-3,#projekt-4{background-blend-mode:overlay;background-repeat:no-repeat;background-size:cover;background-position:center}#projekt-1{background-image:url(//variopc.hu/wp-content/themes/vario/img/donga3.webp),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}#projekt-2{background-image:url(//variopc.hu/wp-content/themes/vario/img/kupola1.webp),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}#projekt-3{background-image:url(//variopc.hu/wp-content/themes/vario/img/oldalfal2.webp),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}#projekt-4{background-image:url(//variopc.hu/wp-content/themes/vario/img/bevilagito3.webp),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}.projekt-box{height:700px;position:relative}#projects h2{margin:30px 0 0 50px;text-align:left;font-size:30px}#projects a{letter-spacing:20px;transform:rotate(-90deg);text-align:left;bottom:250px;position:absolute;left:-100px;font-weight:300;padding:10px;transition:all .5s ease-in-out}#projects a:hover{letter-spacing:21px;transition:all .5s ease-in-out;font-weight:700}#partnereink h1{margin-top:250px}#contact-box{background-image:url(//variopc.hu/wp-content/themes/vario/img/kontakt.webp),linear-gradient(rgba(25,25,25,.5),rgba(25,25,25,.5));background-blend-mode:overlay;height:900px;background-position:left}#contact h1{margin:250px 0 100px}.wpcf7-form{padding-top:80px;text-align:center;font-family:'Roboto Condensed';font-size:40px}#nev,#email,#message{font-family:'Roboto Condensed';font-size:30px;background:0 0;text-align:center;color:#fff;border-image:none;border-top:none;border-bottom:2px #b69e82 solid;border-right:none;border-left:none;padding-bottom:20px;margin-top:30px}.wpcf7-list-item-label,.wpcf7-list-item-label a{font-size:20px;letter-spacing:0;text-transform:uppercase}#adatvedelmi{margin-top:100px}#submit{background-color:#b69e82;padding:20px 50px;border-radius:50px;border:none;display:block;margin:30px auto;color:#fff;text-transform:uppercase;letter-spacing:5px;font-size:15px;transition:all .5s ease-in-out}#submit:hover{letter-spacing:15px;transition:all .5s ease-in-out}.wpcf7-not-valid-tip{color:#B69E82!important;font-size:30px!important;text-transform:uppercase}.wpcf7-text:focus,.wpcf7-textarea:focus{outline:none}::-webkit-input-placeholder{color:#fff !important;opacity:1}.wpcf7-list-item-label a:hover{color:#b69e82}textarea:focus::-webkit-input-placeholder,#nev:focus::-webkit-input-placeholder,#email:focus::-webkit-input-placeholder{color:transparent!important}.palyazat{margin-top:50px}.palyazat p{text-align:center}.palyazat .button{margin-top:30px}#copyright{background-color:#b69e82}#copyright p{letter-spacing:5px;text-align:center;padding:30px 0;font-size:15px}footer h1{margin:50px 0 30px}footer .center-box{margin-top:50px;margin-bottom:100px}footer p{text-align:center}.f-contact-business{color:#b69e82;letter-spacing:5px;font-weight:400;margin:15px 0}@media only screen and (max-width:1920px) and (min-width:1550px){#hero{height:800px}#menu-section{height:800px}}@media only screen and (max-width:1000px){#hero-text{display:none}#menu-section{width:50%}#epuletgepeszet,#munkavedelm,#vaskereskedes{margin-bottom:100px}#projects a{transform:none;margin-left:40px;font-size:20px;left:0;margin-top:0}h1{font-size:40px}h2{font-size:40px}#projects h2{font-size:40px;margin-top:50px}#partnereink img{margin-bottom:100px}#partnereink h1{margin-top:200px}.projekt-box{height:500px;margin-bottom:30px}@media only screen and (max-width:730px){h1{font-size:50px;letter-spacing:4px}#contact h1{margin-top:0}}@media only screen and (max-width:560px){#menu-section{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));width:100%;height:750px}#hero{height:750px}h1,h2{letter-spacing:0}#projects h1{margin-top:50px}#nev,#email,#message{width:80%}p{font-size:30px}a{font-size:20px}footer p{font-size:15px}footer a{font-size:15px}.center-box{width:100%}}@media only screen and (max-width:450px){#services p{padding:0 20px}#projects h2{margin-right:100px}h1{font-size:40px}h2{font-size:33px}#partnereink h1{margin-top:150px}}