/* ///////////////////////////////---980---/////////////////////////////////// */ @media(max-width:1000px){ html {font-size:14px;} body {height:auto; } header {box-shadow:18px 18px 40px #333;} a { color:#FFF; } f980 {display:block !important;} f1400 {display:none !important;} f1900 {display:none !important;} .logo {height:11vw; width:auto; padding: 0 0 0 2vw; } .logo2 {width:50%; height:auto; } .navbar {display:flex; width:100%; margin:auto; height:17vw; background-color:#871313; justify-content:space-between; align-items:center; } .nav-menu {position:fixed; right:-80%; top:-80px; width:28vw; height:33vw; text-align:left; transition:0.75s; background:transparent; background-image:url(https:gonzographics.net/JonesContainers/img/trashcan2.png); background-repeat:no-repeat; background-size:28vw; background-position:1.5vw center; border:6px dashed #ff00ff;} .nav-item {margin:20px 0 10px 30px;} .nav-link { font-size:2.5rem; font-weight:bold;color:#FFF;} .nav-menu.active {right:20px; top:180px; padding:22px;} .hamburger{display:block; margin: 0 125px } .hamburger.active .bar:nth-child(2){opacity:0;} .hamburger.active .bar:nth-child(1){transform:translateY(13px) rotate(47deg); } .hamburger.active .bar:nth-child(3){transform:translateY(-13px) rotate(-47deg); } .bar {display:block; width:45px; height:6px; margin:8px 0; transition: all 0.3s ease; background-color:#FFF;} .fb {width:90px;} .fb:active {transform:none;} .container{} .bgvid { height:38vh; top:2vw; background-size:cover; background-position:center 6vw;} .item-container div {width: 75rem; height:auto; #background-color:#080808; } .pic {height:30vw; width:auto;} .pic-w {width:25vw; height:auto;} .pad {padding:5vh;} .bin {width:50vw; max-width:600px;} .logo-seperator {height:10vh; padding:6px; border-radius:22px; #border:3px solid #fff } .c2c { display:block;} .divider {width:70%;} .icon {height:10vw; #padding:0 2vw 2vw 0;} table {font-size:2.5rem;} .boxitem {position:relative; display:inline-block; width:60vw; height:auto; padding:1vw; margin:6vw 4vw; background-color:#FFF; #border:2px solid #000; box-shadow:2vw 2vw 4vw #000;border-radius:20px;} .boxitem2 {position:relative; display:inline-block; width:60vw; height:auto; padding:1vw; margin:6vw 14vw; background-color:#FFF; border:8px solid #000; box-shadow:1vw 1vw 2vw #000;border-radius:20px;} #index1_header_background {height:30vh; background-size:100%; background-position:0 10vh ; z-index:5; #border:13px dashed #ff00ff;} #index1_logo {height:50vh; background-size:125%; background-position:center 38vh; z-index:5; #border:13px dashed #ff00ff;} .moto { top:38vh; font-size:6rem;} .moto2 { top:40vh; height:auto; font-size:5rem; background:#000; } #index1_fixed_2 {height:60vh; background-size:95vw; background-position:center 30vh; z-index:5; background-color:#272727 !important;} #index1_fixed_3 {height:60vh; background-size:82%, .1%; background-position:center center, 0 0 ; z-index:5; #background-color:#272727 !important;} #index1_fixed_4 {height:30vh; background-size:65%, .1%; background-position:center center, 0 0; z-index:5; background-color:#272727 !important; } #index1_fixed_5 {height:70vh; background-size: contain; background-position: center 25vh; z-index:5; } .intro {width:50%; font-size:4rem;} #footer { display:inline-block; width:97%; #margin:auto; font-size:1.7rem; height:2vh; background:#000; padding:1.5vw; #border:3px dashed #fff;} .gg {position:relative; bottom:1vh; float:right; width:17vw; height:auto; padding:0 35px 0 0 ; } .top {position:relative; #float:right; height:7vh; width:auto; #padding:0 35px 0 0 ; } .resolution {position:fixed; right:0; width:60px; top:180px; #left: -45px; color:#ccc; font-size:20px; #border:2px dashed red; z-index:999;} .dropdown { width:54vw; } .dropdown-content { left:4.5vw; top:7vw; padding:2vw; border:6px solid yellow;} .dropdown-content a { font-size:3rem; } .quote { width:16vw; font-size:3vw; padding:2rem; } /* -------------- FORM -------------- */ .app_table { width:65vw;padding:35px; } input {width:80%; font-size:2.5rem; } textarea {font-size:2.5rem; } .app_button { height:8vw; font-size:3rem; } }