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-color: rgba(240, 240, 240, 1);
     display: block;
     font-family: 'Segoe UI';
     width: 100%;
}


.btn-unique {
     background-color: rgba(1, 157, 60, 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(220, 40, 220, 1);
     color: rgba(1, 157, 60, 1) !important;
     font-weight: 900;
}

.btn-yellow:hover {
     color: rgba(1, 157, 60, 0.8);
}



body header
{
     background-color: rgba(255, 255, 255, 1);
     padding: 0.5rem 0;
}

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

body header .container-fluid div[class*=col] p
{
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     font-size: 1rem;
}

body header .container-fluid div[class*=col] > a
{
     margin: 1rem;
}

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

body main > h2
{
     color: rgba(50, 50, 50, 1);
     font-family: inderRegular;
     font-size: 2.5rem;
     margin-bottom: 1rem;
     padding: 1rem 0 0 0;
     text-align: center;
}

body main > p
{
     color: rgba(50, 50, 50, 1);
     font-size: 1.2rem;
     margin: 0;
     padding: 0;
     text-align: center;
}



body main .container-fluid
{
     margin-top: 2rem;
}


body main .container-fluid .row div[class*=col] form
{
     background-color: rgba(255, 255, 255, 1);
     border: 1px solid rgba(1, 157, 60, 0.5);
     border-radius: 1rem 0 1rem 0;
     min-height: 50vh;
     padding: 1.5rem;
     width: 100%;
}

body main .container-fluid .row div[class*=col] form .row
{
     clear: both;
     margin: 1rem 0;
}

body main .container-fluid .row div[class*=col] form .row div[class*=col] label
{
     color: rgba(1, 157, 60, 0.7);
     display: block;
     font-size: 1rem;
     font-weight: 900;
}

body main .container-fluid .row div[class*=col] form .row div[class*=col] input
{
     display: block;
     padding: 0.5rem;
}

body main .container-fluid .row div[class*=col] form .row div[class*=col] button
{
     display: block;
     padding: 0.5rem;
     width: 100%;
}










body footer
{
     bottom: 0;
     color: rgba(255, 255, 255, 1);
     position: relative;
}

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