body, main header, main, section, article, aside, div, img, h1, h2, h3, h4, h5, h6, p, a, hr, ul, ol, li, table, tr, th, td, form, fieldset, legend, input {
     margin: 0;
     padding: 0;
}

/* RESET STYLES END HERE
-------------------------------------------------------------*/

body {
    background-image: url('/Content/images/background.svg') !important;
    background-repeat: no-repeat;
    background-color: cornflowerblue !important;
    background-size: cover;
    display: block;
    font-family: 'Segoe UI';
    width: 100%;
}


.btn-unique {
     background-color: rgba(0, 136, 206, 1);
     color: rgba(255, 255, 255, 1) !important;
     font-weight: 900;
}

.btn-unique:hover {
    color: rgba(255, 255, 255, 0.8);
}


.btn-yellow {
     background-color: rgba(217, 61, 74, 1);
     color: rgba(255,255,255, 1) !important;
     font-weight: 900;
}

.btn-yellow:hover 
{
     color: rgba(0, 136, 206, 0.8);
}

.text-unique
{
     color: rgba(0, 136, 206, 1) !important;
}

.no-border
{
     border: none !important;
}


body header {
     padding: 1.5rem 0;
}

body header .container div[class*=col] h1 a img,
body header .container .row div[class*=col] h1 a img
{
     min-height: 70px;
}

body header .container div[class*=col] p
{
     font-family: inderRegular;
     font-size: 1rem;
}

body main
{
     clear: both; 
     margin: 1rem auto;
     min-height: 70vh;
     padding: 0;
     width: calc(100% - 10%);
}


body main .container div[class*=col]
{
     margin-bottom: 1rem;
}

body main .container div[class*=col] > div,
body main .container div[class*=col] > form
{
     background-color: rgba(255, 255, 255, 0.5);
     border: 1px solid rgba(100, 100, 100, 0.2);
     border-radius: 1rem;
     min-height: 50vh;
     padding: 2rem;
}


body main .container div[class*=col] h2
{
     color: rgba(150, 150, 150, 1);
     font-family: "Segoe UI";
     margin-bottom: 1rem;
}

body main .container div[class*=col] h6
{
     font-family: inderRegular;
}

body main .container div[class*=col] p
{
     clear: both;
     font-family: "Segoe UI";
     width: 100%;
}


body main .container div[class*=col] input
{
     border: 1px solid rgba(100, 100, 100, 0.2);
     color: rgba(100, 100, 100, 0.2);
     padding: 1rem;
     font-size: 1rem;
     font-weight: 900;
}

body main .container div[class*=col] input:focus
{
     border: 1px solid rgba(0, 136, 206, 0.5);
     color: rgba(100, 100, 100, 1);
}

body main .container div[class*=col] select
{
     padding: 0.5rem 0;
     font-size: 1.25rem;
     font-weight: 900;
     height: 3rem !important;
}

body main .container div[class*=col] button
{
     display: block;
     width: 100%;
}

body main .container div[class*=col] label
{
     font-weight: 900;
}

body main .container div[class*=col] h3
{
     color: rgba(0, 136, 206, 1);
     font-family: inderRegular;
     font-size: 3.5rem;
     font-weight: 900;
}

body main .container div[class*=col] h4
{
     font-family: inderRegular;
     font-weight: 900;
}


body footer
{
     bottom: 0;
     color: rgba(255, 255, 255, 1);
     margin: auto;
     position: absolute;
     width: 100%;
}

body footer .container p
{
     font-family: inderRegular;
     font-size: 1rem;
}