/* ///////////////////////////////---1920---/////////////////////////////////// */ @media(max-width:1950px){ html {font-size:10px;} body {height:auto; width:cover; color:#000; background:#FFF; } header {box-shadow:8px 8px 20px #333;} a { color:#FFF; } f980 {display:none !important;} f1400 {display:none !important;} f1900 {display:block !important;} .logo {height:6vw; width:auto; padding: 0 0 0 4vh; } .logo2 {width:30%; height:auto; } .navbar {display:flex; width:100%; margin:auto; justify-content:space-between; align-items:center; background-color:#871313;} .nav-menu {display:flex; height:0; justify-content:space-between; align-items:left; background-color:#871313; padding-right:65px; gap:20px; #border:2px dashed #ff00ff; } .nav-item {#margin:6px 0;} .nav-link { font-size:2rem; color:#FFF;} .nav-menu.active {right:20px; top:280px; padding:22px !important; } .hamburger {display:none; } .container{position:relative; top:0; #width:100%; #background: #4169e1; #border:15px dashed #FFF;} .fb {width:50px;} .bgvid { height:70vh; top:2vw; background-size:100%; background-position:center 6vw;} .item-container div {width: auto; min-width:35%; height:auto; #border:1px dashed red;} .pic {height:30vw; width:auto;} .pic-w {width:25vw; height:auto;} .footer-pic {width:10vw; } .pad {padding:9vh;} .bin {width:25vw; max-width:600px;} .logo-seperator {height:20vh; padding:6px; border-radius:22px; #border:3px solid #fff } .c2c { display:none;} .divider {width:30%;} .icon {height:4vw; padding:0 1vw 0 0;} table {font-size:2rem;} .boxitem {position:relative; display:inline-block; width:20vw; height:auto; padding:1vw; margin:2vw 4vw; background-color:#FFF; #border:2px solid #000; box-shadow:1vw 1vw 2vw #000;border-radius:20px;} .boxitem2 {position:relative; display:inline-block; width:30rem; height:auto; padding:1vw 3vw 1vw 3vw; margin:6vw 3vw; background-color:#FFF; border:8px solid #000; box-shadow:1vw 1vw 2vw #000;border-radius:20px;} /* ---- INDEX ---- */ /*#index1_header_background {height:90vh; background-size:85%; background-position:center 3.5vh; z-index:5; } #index2_header_background {height:60vh; background-size:cover; background-position:center 5vh; z-index:5; } #index3_header_background {height:90vh; background-size:85%; background-position:center 3.5vh; z-index:5; }*/ /* #index1_header_background {height:65vh; background-size:contain; background-position:center 6vw; z-index:5; } */ /*#index1_logo { height:70vh !important; background-size:14vw; background-position:center 19vh; z-index:5; } #index2_logo { height:60vh; background-size:17vw; background-position:center 23vh; z-index:5; } #index3_logo {height:80vh; background-size:18vw; background-position:center 16vh; z-index:5; }*/ #index1_logo {height:90vh; background-size:70vw; background-position:center 40vw; z-index:5; #border:13px dashed red; } /* .moto {position:re; top:39rem; font-size:5rem; } */ .moto2 {top:14vh; font-size:6.5rem; } /* .curve-item1-top {top:-6.8vh; height:7vh; } */ /* .curve-item1-bottom { top:6.9vh; height:7vh; } */ /*#index1_fixed_2 {height:60vh; background-size:38%; background-position:center center; z-index:5; } #index2_fixed_2 {height:60vh; background-size:38%; background-position:center center; z-index:5; } #index3_fixed_2 {height:65vh; background-size:40vw, 60%; background-position:left 300px, right center; z-index:5; }*/ #index1_fixed_2 {height:70vh; background-size:40%; background-position: center center; z-index:5; } .curve-item2-top {top:-7.8vh; height:8vh; } .curve-item2-bottom { top:7.7vh; height:8vh; } /*#index1_fixed_3 {height:60vh; background-size:30%; background-position:center center; z-index:5; } #index2_fixed_3 {height:60vh; background-size:40%; background-position:center center; z-index:5; } #index3_fixed_3 {height:60vh; background-size:32vw, 65%; background-position:95% 200px, left center; z-index:5; }*/ #index1_fixed_3 {height:80vh; background-size:32vw, cover; background-position:center 16vw; z-index:5; } .curve-item3-top { top:-7.8vh; height:8vh; } .curve-item3-bottom { top:7.7vh; height:8vh; } /*#index1_fixed_4 {height:75vh; background-size:40%; background-position:center center; z-index:5; } #index2_fixed_4 {height:75vh; background-size:40%; background-position:center center; z-index:5; } #index3_fixed_4 {height:75vh; background-size:45vw, 50%; background-position:left 300px, center right; z-index:5; }*/ #index1_fixed_4 {height:50vh; background-size:30vw, 30%; background-position:8vw center, 65vw center; z-index:5; } .curve-item4-top {top:-7.5vh; height:8vh; } .curve-item4-bottom { top:7.5vh; height:8vh; ; } /*#index1_fixed_5 {height:50vh; background-size:15%; background-position:center center; z-index:5; } #index2_fixed_5 {height:50vh; background-size:15%; background-position:center center; z-index:5; } #index3_fixed_5 {height:65vh; background-size:15vw, cover; background-position:center 300px, center center; z-index:5; }*/ #index1_fixed_5 {height:80vh; background-size: 100%; background-position:center center; z-index:5; } .curve-item5-top { top:-8vh; height:8vh; } .curve-item5-bottom { top:7.7vh; height:8vh; } .intro {width:44%; font-size:3rem; } #index1_logo {height:40vh; background-size:350px ; background-position:center center; } .container_index_intro { } #index1_text_intro { margin: 0 auto; width:90%; padding:4vh 6vh; } #index_text_motion{margin: 0 auto; width:90%; padding:4vh 6vh; } #index_text_laser { margin: 0 auto; width:90%; padding:4vh 6vh; } #index_text_security { margin: 0 auto; width:90%; padding:4vh 6vh; } #index_text_engraving { margin: 0 auto; width:90%; padding:4vh 6vh; } #footer { display:inline-block; width:90%; margin:auto; font-size:2rem; height:2vh; padding:1.5vw; #border:3px dashed red;} .gg {position:relative; #bottom:2vh; float:right; width:8vw; height:auto; padding:0 15px 0 0 ; } .top {position:relative; float:right; height:6vh; } .resolution {position:fixed; right:0; width:60px; top:80px; color:#ccc; font-size:25px; #border:2px dashed red; z-index:999;} .dropbtn {} .dropdown { width:30vw; left:-2rem; } .dropdown-content { left:1.5vw; top:6vw; } .dropdown-content a { font-size:2.5rem; } .quote { width:12vw; font-size:2vw; padding:1rem; } /* -------------- FORM -------------- */ .app_table { width:40rem; padding:20px;} input {width:90%; font-size:2rem; } textarea {font-size:2rem; } .app_button { height:5vw; font-size:2rem; padding:.1rem; border:8px solid #990033;} }