/*Colors*/ /*Shadows*/ /*Breakpoints*/ /* New widest container for headers */ .container-widest { max-width: 1800px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container-widest .container-widest { width: 738px; } } @media (min-width: 992px) { .container-widest .container-widest { width: 962px; } } @media (min-width: 1200px) { .container-widest .container-widest { width: 1170px; } } @media (min-width: 1500px) { .container-widest .container-widest { width: 1470px; } } @media (min-width: 1800px) { .container-widest .container-widest { width: 1770px; } } /* Make Navbar transparent */ .nav:not(.scrolled) { background-color: transparent; position: absolute; } .background .topheader { top: 25%; } .register-background { background: url("../../img/headers/register.jpg") no-repeat; background-position: center; background-size: cover; height: 70vh; min-height: 600px; max-height: 800px; /* border-radius: 0 !important; * height: 70vh; * min-height: 600px; * max-height: 800px;*/ } .register-background h3 { font-size: 30px; font-weight: 500; color: white; } section { padding: 50px 0 50px; } section .section--heading-1 { padding-bottom: 50px; } section .section--paragraph--tittle { padding: 0; } section .row { padding: 20px 0 20px 0; } .section--providers { padding: 30px 0; background-color: #0082c9; } #register { width: 600px; max-width: 100vw; position: relative; margin-top: -200px; margin-bottom: 100px; padding: 0; transform: translateY(15px); opacity: 0; animation: 1s ease-out 3s 1 slideUpOnLoad; animation-fill-mode: forwards; } @keyframes slideUpOnLoad { 0% { transform: translateY(15px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @media (max-width: 768px) { #register { margin-top: -220px; } .background .topheader { top: 20%; } } /*# sourceMappingURL=signup.css.map */