html, body {
	position:relative;
	overflow-x:hidden;
}

body {
    font-family: 'Red Hat Text', sans-serif;
    background: #FFF!important;
    color: #1C518E;
    overflow-x: hidden!important;
    overflow-y: visible!important;
    position:relative;
}

/*** Typography ***/

a,
a:hover {
    color: #0630E5!important;
    text-decoration: none!important;
    background-color: transparent;
    font-weight: 500;
}

h1, h2 {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}

@media screen and (max-width: 576px) { 
    h1 {font-size: 32px;}
    h2 {font-size: 26px;}
    h3 {font-size: 22px;}
}

@media screen and (min-width: 768px) { 
    h1 {font-size: 32px;}
    h2 {font-size: 26px;}
    h3 {font-size: 22px;}
}

@media screen and (min-width: 992px) { 
    h1 {font-size: 40px;}
    h2 {font-size: 36px;}
    h3 {font-size: 28px;}
}

@media screen and (min-width: 1200px) { 
    h1 {font-size: 46px;}
    h2 {font-size: 36px;}
    h3 {font-size: 28px;}
}

h4 {font-size: 20px;}
h5 {font-size: 20px;}
p {font-weight: 500;
   letter-spacing: 0;
   line-height: 26px;}

/* Link animation */

.link {
    display: inline-block;
    color: #0630E5;
    text-decoration: none;
}

.link::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #0630E5;
    transition: width .3s;
}

.link:hover::after {
    width: 100%;
    transition: width .3s;
}

/*** Text Color ***/

.text-muted {
    color: inherit!important;
    opacity: 0.7;
}

.text-primary {
    color: #0630E5!important;
}

/*** Layout ***/
@media (max-width: 1200px) {.container { max-width: 920px; }}
@media (min-width: 1200px) {.container { min-width: 1200px; }}

/*** Buttons & froms ***/

.btn {
    height: 50px;
    border-radius: 6px;
    transition: 500ms;
    padding: .75rem 1.45rem;
}

.btn-primary {
    background-color: #0630E5;
    color: #FFF!important;
    border: none;
    font-weight: 500;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited {
    background-color: #0630E5;
    color: #FFF!important;
    border: none;
    box-shadow: 0px 5px 30px 0px #0630e54f;
}

/*** Colors ***/

.shadow {
    box-shadow: 0 .5rem 1rem rgba(21,62,156,.15)!important;
}

/*** Borders ****/

.border-bottom {
	border-bottom: 1px solid rgba(77,114,157,0.2)!important;
}

.border-top {
	border-top: 1px solid rgba(77,114,157,0.2)!important;
}

.rounded {
    border-radius: 30px!important;
}

/*** Backgrounds ***/

.bg-light {
    background-image: url(img/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 91vh;
    margin-top: 80px;
}

@media screen and (max-width:768px){
    .bg-light {
        height: auto!important;
    }
}

/*** Nav ***/

.navbar {
    padding: 0.75rem 2rem;
}

.navbar-light {
    background: #FFF;
}

.navbar-light .navbar-nav .nav-link {
    color: inherit !important;
    font-weight: 500;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.nav-link {
    padding: 1rem;
}

.navbar-light .navbar-brand {
    color: inherit!important;
    font-family: 'Rubik', sans-serif;
}

.navbar-toggler {
    padding: 0;
    line-height: 0;
    border: none;
}

.sticky-top {
    position: -webkit-fixed;
    position: fixed;
    width: 100%;
}

/*** Images ***/

.img-fluid.shadow {
    -webkit-filter: drop-shadow(0 .5rem 1rem rgba(21,62,156,.15));
    filter: drop-shadow(0 .5rem 1rem rgba(21,62,156,.15));
    box-shadow: none!important;
}

@media screen and (min-width: 576px) { 
    .img-fluid.marketplaces {height:auto;}
}
@media screen and (min-width: 768px) { 
    .img-fluid.marketplaces {height:25px;} 
    .shopping-card {vertical-align: super;}
}
@media screen and (min-width: 992px) { 
    .img-fluid.marketplaces {height:25px;} 
}
@media screen and (min-width: 1200px) { 
    .img-fluid.marketplaces {height:35px;} 
}

.shopping-card {
    -webkit-filter: drop-shadow(0 .5rem 1rem rgba(21,62,156,.15));
    filter: drop-shadow(0 2.5rem 2rem rgba(21,62,156,.15)); 
}