:root{--orange:#d44827;--gray:#efefef;--gray2:#909090;}
body {margin:0;padding:0;font-family: 'Josefin Sans', sans-serif !important;background:white;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .btn {font-family: 'Josefin Sans', sans-serif !important;}
h1 {text-transform:uppercase;color:black;font-weight:400;margin-top:0;font-size:28px;}
p.lead {color:var(--orange);font-weight:600;font-size:15px;text-transform:uppercase;}
.justify-content-center {justify-content: center !important;}
.align-items-center {align-items: center !important;}
.h-100 {height: 100% !important;}
.d-flex {display: flex !important;flex-wrap:wrap;}
.vh-100 {height: 100vh !important;}
.h-custom {height: calc(100% - 73px);}
.column {flex: 0 0 auto;float:inherit;align-items: center;}
.column1 {padding:40px;display:flex;flex-direction:column;gap:50px;}
.column2 {background:url('/img/backgroundlogin.jpg') no-repeat center center;background-size:cover;height:100%;align-items:center;display:flex;justify-content: center;}
.column2 .row {margin:0;}
#w2p_content {background:white;padding:30px 30px 15px 30px;box-sizing:border-box;border-radius:10px;width:96%;max-width: 600px;}
img.logo {display:inline-block;width:100%;height:auto;max-width:500px;}
#bottom {background:black;color:white;text-align:center;font-size:15px;font-weight:400;height:73x;line-height:73px;padding:0 20px;}
.btn-default {border:none;background:var(--orange);color:white;text-transform:uppercase;font-size:14px;border-radius:8px;padding:12px 20px 8px 20px;}
.btn-default:hover {border:none;background:black;}
.submit {margin-top:10px;}
a.link {color:black;font-size:16px;text-decoration:underline;}
a.link:hover {text-decoration:none;}
label {color:black;font-size:17px;font-weight:500;margin-bottom:0;}
input[type="text"], input[type="password"] {outline:0;border-radius:10px;font-size:16px;font-weight:500;color:black;border:solid 1px var(--gray2);height:45px;}
.form-control:focus {border:solid 1px black;box-shadow:none;}
.lgs {display:flex;gap:25px;}
.lgs a {display:block;font-size:16px;font-weight:400;width:50px;height:50px;background:var(--gray);color:black;text-align:center;line-height:50px;border-radius:100%;text-decoration:none;}
.lgs a:hover, .lgs a.selected {background:black;color:white;}
.message {color:red;font-weight:400;font-size:15px;}


@media screen and (max-width:1199px) {
    .column2 {padding:40px;height:auto;width: 100% !important;}
    #bottom {margin-top:40px;line-height:initial;padding:20px;}
    .d-flex {flex-direction: column;}
    .h-100 {height:auto !important;}
}

@media screen and (max-width:600px) {
    h1 {font-size:23px;}
    .column2 {padding:40px 20px;}
}

@media screen and (max-width:1199px) and (max-height:800px) {
    .h-custom {height: auto !important;}
}

@media screen and (min-width:1199px) and (max-height:500px) {
    .h-custom {height: auto !important;}
}