:root {
/*--font: 'Calibri', sans-serif;*/
--font: 'Riviera Nights';
--bg-color: #f9f9f9;
--bg-color2: #fff;
--coolGrey: #53565A;
--txt-color: #282823;
}




body{ 
font-family: var(--font);

display: flex;
flex-direction: column;
align-items: center;

background-color:  var(--bg-color);

margin: 0;

text-align: justify;

color: var(--txt-color);


}


.logo-head{
display:flex;
    justify-content: center;
margin-bottom : 50px;
}


#headLogo{
width : 5vw;
min-width : 100px;
margin-top: 7vh;
}



.title{
display: flex;
justify-content: center;
}

#titleLogo{
width : 10vw;
min-width : 300px;
margin-top: 0vh;
margin-bottom: 7vh;
}


form{
margin-top: 5vh;
margin-bottom: 10vh;
background-color: var(--bg-color2);
padding: 40px 20px 40px 20px;
}


.ipt-row{
margin: 20px 0;
}


label{
text-transform: uppercase;
letter-spacing: 0.10em;
font-size: 9px;
}

textarea{
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: white;

width: 100%;

padding: 10px 0 14px 0;
border: 0;
border-bottom: 1px solid rgba(40, 40, 35, 0.7);

letter-spacing: 0.12em;
padding-left: 0;
font-size: 12px;
text-align: left;
color: var(--txt-color);

font-family: var(--font);
}


input, select{
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: white;

text-transform: uppercase;

width: 100%;

padding: 10px 0 14px 0;
border: 0;
border-bottom: 1px solid rgba(40, 40, 35, 0.7);

letter-spacing: 0.12em;
padding-left: 0;
font-size: 12px;
text-align: left;
color: var(--txt-color);

font-family: var(--font);
}


input[type="date"]{
    text-align: left !important;
}

input::-webkit-date-and-time-value {
    text-align: left;
}

input::placeholder{
 color: grey;
}



input:focus-visible, select:focus-visible{
 outline: none;
}



select{
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCA2IiB3aWR0aD0iMTAiIGhlaWdodD0iNiI+PHBhdGggZD0iTTEgMWw0IDQgNC00IiBzdHJva2U9InJnYmEoNDAsIDQwLCAzNSwgMC43KSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=') no-repeat right 0.75rem center/10px 6px;
  cursor: pointer;
}


.default-selected{
 color: grey;
}

option{
 color: var(--txt-color);
}

select:focus{
 outline: none;
}



.btn-row{
display: flex;
justify-content: center;
}


.btn{
width: 200px;
height: 50px;
color: white;
margin-top: 20px;
background-color: var(--txt-color);
border: 0;
transition: 0.3s;
text-align: center;
}


.btn:hover{
cursor: pointer;
background-color: var(--coolGrey);
transition: 0.3s;
}

.btn:focus-visible{
cursor: pointer;
background-color: var(--coolGrey);
transition: 0.3s;
}





.legal{
font-size: 12px;
}


.legal-details{
margin: 10px 0 30px 0; 
}

.legal-mandatory{
margin: 30px 0 10px 0; 
}



a{
 color: var(--txt-color);
}

@media only screen and (min-width: 700px){

form{
max-width: 600px;
padding: 50px 100px 50px 100px;
}


}