.error-input{ border:1px solid #f00 !important; } .login { display: flex; align-content: center; align-items: center; justify-content: center; height: auto; } .login.is-log-out{ height: 50vh; } .login__main { z-index: 5; position: relative; display: flex; justify-content: center; width: 95%; margin: 0 auto; } .login-box { display: block; width: 100%; max-width: 28em; background: #fff; box-shadow: 0 0px 1px 1px rgba(0,0,0,0.1); } .login-box__header { padding: 2em 1em; text-align: center; } .login-box__content { padding: 1em 2em .5em; } .login-box label { font-size: .85em; text-align: left; color: #000; } .login-box label + input { margin-bottom: 2em; } .login-box__footer { padding: 1em; } .login-box__footer a { display: block; font-size: .775em; margin-bottom: 1em; } .login-box__legal { font-size: .65em; text-align: center; color: #CFCFCF; } .login-box__checks { display: flex; align-items: center; margin-bottom: 1em; } .login-box .login-btn{ width:100%; } .login-box__title { font-size: 30px; } .policy__grid { display: flex; flex-wrap: wrap; } .policy__main { flex-basis: 65%; width: 65%; max-width: 65%; } .policy__grid>* { padding-left: 1em; padding-right: 1em; } .color-alpha { color: #ffa400; } .policy .message { margin: 2em 0; } .message { display: block; margin: 1em 0; padding-left: 1em; border-left: 1px solid; font-family: "Sweet Sans",Helvetica,sans-serif; font-size: .85em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #CFCFCF; } .message.-xs { font-size: .775em; } .policy__header .policy__subtitle { margin-top: 1em; } .policy__sidebar { flex-basis: 35%; width: 35%; max-width: 35%; } .policy__sidebar { margin-left: auto; } .policy__grid>* { padding-left: 1em; padding-right: 1em; } .policy__heading { display: flex; align-items: center; padding: 1em 0 .5em; } .policy__cols { display: flex; flex-direction: row; flex-flow: wrap; margin-left: -1em; margin-right: -1em; } .policy__cols>* { flex-basis: 50%; max-width: 50%; } .policy__col { padding: 0 20px; } .policy__box { padding: 2em; text-align: center; } .policy__details strong { //color: #007298; } .policy__subheading { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; //color: #166b84; } .policy__heading { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; } .box__subtitle { font-size: .85em; margin: 1em 0 0.25em; text-transform: uppercase; } .box .box__tel { font-size: 1.4em; //color: #007298; text-decoration: none; line-height: inherit; transition: color 0.4s ease-in-out; } .policy__btns .btn { margin: 0 10px; } .btn-group-auto { margin-left: -.25em; margin-right: -.25em; } .policy__btns { padding: 2em 0; } .btn-group-auto { margin-left: -.25em; margin-right: -.25em; } .btn-group-auto { display: flex; flex-wrap: wrap; } .bg-beta-lightest { background-color: #f3f8fa; } @media only screen and (max-width: 980px){ .policy__grid { display: block; } .policy__main, .policy__sidebar { max-width: 100%; width: 100%; } .policy__btns { display: block; } .policy__btns .btn { margin-bottom: 10px; display: block; font-size: 14px; padding: 10px 25px; } }