body {
        /* background: rgb(236,236,236); */
        background-image: url('img/background.png');
        background-image: url('img/background.png'), linear-gradient(270deg, rgba(204,204,204,1) 0%, rgba(231,231,231,1) 4%, rgba(255,255,255,1) 13%);
        background-blend-mode: multiply;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100vh;
        background-attachment: fixed;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans', sans-serif;
        text-rendering: optimizeLegibility;
        color: #8b8e91;
    }

    .logo{
        width: 200px;
        height: 73px;
    }

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    body {
        /* background: rgb(236,236,236); */
        background-image: url('img/background-mobile.png');
        background-image: url('img/background-mobile.png'), linear-gradient(270deg, rgba(204,204,204,1) 0%, rgba(231,231,231,1) 4%, rgba(255,255,255,1) 13%);
        background-blend-mode: multiply;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100vh;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans', sans-serif;
        text-rendering: optimizeLegibility;
        color: #8b8e91;
    }

    .logo{
        width: 170px;
        height: 60px;
    }
 }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

    body {
        /* background: rgb(236,236,236); */
        background-image: url('img/background-mobile.png');
        /* background-image: url('img/background-mobile.png'), linear-gradient(270deg, rgba(204,204,204,1) 0%, rgba(231,231,231,1) 4%, rgba(255,255,255,1) 13%); */
        background-image: url(img/background-mobile.png), linear-gradient(270deg, rgb(239 239 239) 0%, rgb(247 247 247) 13%, rgba(255,255,255,1) 30%);
        background-blend-mode: multiply;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100vh;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans', sans-serif;
        text-rendering: optimizeLegibility;
        color: #8b8e91;
    }

    .logo{
        width: 170px;
        height: 60px;
    }
 }

/* // Medium devices (tablets, less than 992px) */
@media (min-width: 1025.98px) { 
    body {
        /* background: rgb(236,236,236); */
        background-image: url('img/background-half.png');
        background-image: url('img/background-half.png'), linear-gradient(270deg, rgba(204,204,204,1) 0%, rgba(231,231,231,1) 4%, rgba(255,255,255,1) 13%);
        /* background-image: url('img/background-half.png'), linear-gradient(270deg, #e7eaff 0%, #f6f7fe 15%, #f6f7fe 13%); */
        background-blend-mode: multiply;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100vh;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans', sans-serif;
        text-rendering: optimizeLegibility;
        color: #8b8e91;
    }

    .logo{
        width: 250px;
        height: 93px;
    }
 }


.btn {
    background-color: #3e32b0;
    border-color: #3e32b0;
    border-radius: 0px;
}

.btn:hover {
    background-color: #271e77;
    border-color: #3e32b0;
    border-color: #271e77;
}

label {
    font-size: 0.8rem;
    background-color: #ffffffc7;
}

h1 {
    color: #8b8e91;
}

a{
    color: #8b8e91;
}

a:hover{
    color: #3e32b0;
}

.form-control{
    border-radius: 0px;
    background-color: #fbfbfb;
    /* background-color: #fdfdff; */
    border: none;
    border-bottom: 1px solid #d2d2d2;
    /* border-bottom: 1px solid #3e32b047; */
    outline: none;

}

.form-control::placeholder{
    color: #9e9fa0;
}

.form {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 72vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
  border-color: #3e32b0;
  /* border-color: #e71425; */
  outline: 0;
  outline: none;
  -webkit-appearance:none;
    box-shadow: none !important;
}

.footer {
    color: #8b8e91;
    font-size: 0.6rem;
}