/* DOMAIN: famigro.lu */ @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300&display=swap'); body { background:#FFF; color:#555; font-family:'Work Sans', sans-serif; font-size:18px; font-weight:300; line-height:1.5em; } body { font-size: calc(0.6vw + 0.8vh + .3vmin); } textarea { font-size:14px; } h1, h2, h3 { font-family:'Assistant', sans-serif; font-weight:300; letter-spacing:0.025em;margin:1.5em auto 0.8em; text-transform:uppercase; } h1 { font-size:2em; } h2 { font-size:1.6em; } h2:after { border-bottom:2px solid #00a353; content:""; display:inline-block; margin-left:1em; width:2em; } h3 { color:#272727; font-size:1.2em; } h1:first-child, h2:first-child, h3:first-child { margin-top:0; } a, a:active, a:focus { color:#00a353; text-decoration:none; } a:hover { color:#00a353; text-decoration:none; } img.pull-left { margin:2px 15px 15px 0; } img.pull-right { margin:2px 0 15px 15px; } header { display:none; } p:last-child { margin-bottom:0; } /* LOGO */ .logo { color:#555; display:none; font-family:'Assistant', sans-serif; font-weight:300; letter-spacing:0.025em; font-size:34px; letter-spacing:0.035em; position:absolute; top:0; left:10px; line-height:60px; text-transform:uppercase; } .logo span { font-size:24px; } /* NAVIGATION */ /*.navbar-default { background:rgba(0,0,0,0.5); border:0 none; border-radius:0; box-shadow:none; height:60px; min-height:0; position:fixed; width:100%; z-index:10; } .navbar-toggle { display:block !important; } .cus_nav { border-top:1px solid #FFF; display:none; overflow:hidden; position:relative; padding-bottom:10px; top:60px; } .cus_nav ul { background:rgba(0,0,0,0.75); border-bottom:1px solid #FFF; border-right:1px solid #FFF; float:left; list-style:none; margin:0 !important; padding:0 !important; } .cus_nav ul > li { padding:0 10px !important; text-align:left; } .cus_nav ul > li:hover { background:rgba(100,100,100,0.5); } .cus_nav ul > li > a { color:#FFF; font-size:18px; display:block; letter-spacing:0.035em; line-height:30px; padding:10px 0; text-shadow:none; } .cus_nav ul > li > a:hover { color:#FFF; } .menu-toggle { background:transparent; border:0; height:30px; left:10px; padding:0; position:absolute; top:15px; width:30px; } .menu-toggle .icon-bar { background:#FFF; display:block; height:3px; margin-bottom:6px; } .menu-toggle .icon-bar:last-child { margin-bottom:0; } */ .navbar-default { background:rgba(255,255,255,0.85); border:0 none; border-radius:0; box-shadow:none; height:60px; min-height:0; position:fixed; width:100%; z-index:10; } .navbar-toggle { display:block !important; } .cus_nav { background:rgba(255,255,255,1); border-top:1px solid #FFF; display:none; overflow:hidden; position:relative; top:60px; } .cus_nav ul { list-style:none; margin:0 !important; padding:0 !important; } .cus_nav ul > li { text-align:center; } .cus_nav ul > li:hover { background:rgba(100,100,100,0.1); } .cus_nav ul > li > a { color:#00a353; font-size:1em; display:block; font-family:'Assistant', sans-serif; font-weight:300; letter-spacing:0.035em; padding:0.5em 0; text-shadow:none; text-transform:uppercase; } .cus_nav ul > li > a:hover { color:#00a353; } .menu-toggle { background:transparent; border:0; height:30px; padding:0; position:absolute; top:15px; right:10px; width:30px; } .menu-toggle .icon-bar { background:#00a353; display:block; height:2px; margin-bottom:8px; } .menu-toggle .icon-bar:last-child { margin-bottom:0; } /* CONTENT */ .content .textblock { padding:5%; } .content .form { } .content .gmap { height:400px; } /* HOME */ #fullpage .section { background:no-repeat center; background-size:cover; } #fullpage .section { /*text-shadow:0 0 10px #000, 0 0 30px #000;*/ } #fullpage .section.s1 { background-image:url('/_res/pages/1.jpg'); color:#FFF; font-size: calc(0.8vw + 0.8vh + 0.8vmin); text-align:center; } #fullpage .section.s1 h1 { position:absolute; top:20%; width:90%; } #fullpage .section.s1 h1 em { font-size:0.5em; font-style:normal; } #fullpage .section.s1 p { bottom:15%; line-height:1.5em; position:absolute; width:90%; } #fullpage .section.s2 { background-image:url('/_res/pages/2.jpg'); } #fullpage .section.s3 { background-image:url('/_res/pages/3.jpg'); } #fullpage .section.s4 { background-image:url('/_res/pages/4.jpg'); } #fullpage .section.s2 .textblock, #fullpage .section.s3 .textblock, #fullpage .section.s4 .textblock { background:rgba(255,255,255,0.85); position:relative; } #fullpage .section.s2 .textblock { bottom:-10vh; } #fullpage .section.s3 .textblock { bottom:-5vh; } #fullpage .section.s4 .textblock { bottom:-10vh; } /* FORM */ .content .form .req label:after { color:red; content:" *"; } .content .form input.email { display:none; } /* FOOTER */ footer { background:rgba(255,255,255,0.85); bottom:0; position:fixed; width:100%; } footer .container { font-size:10px; padding:0.3em 0; text-align:center; } @media (max-width: 767px){ /* #fullpage .section.s2 { background-size:200%; } #fullpage .section.s4 { background-size:200%; } */ } @media (min-width: 768px){ .navbar-brand { display:none; } .logo { left:30px; } .menu-toggle { right:30px; } /* #fullpage .section.s2 .textblock, #fullpage .section.s3 .textblock { background:rgba(0,0,0,0.5); margin-right:50%; padding-right:2%; } */ } @media (min-width: 992px){ /* #fullpage .section.s2 { background-size:90%; } */ } @media (min-width: 1200px){ /* #fullpage .section.s2 { background-size:80%; } */ }