/*#region Section*/
section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width: 36em) {
    section {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
/*#endregion*/

/*#region Headings*/
.heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}

@media (min-width: 40em) {
    .heading {
        font-size: 50px;
    }
}
/*#endregion*/

/*#region base elements*/
body {
    color: #5a5a5a;
}

a, a:link, a:visited {
    color: white !important;
    text-decoration: inherit; /* no underline */
}

.link-dark a {
    color:#5a5a5a !important;
}

.link-std:link, .link-std:visited {
    color: rgb(0, 119, 204) !important;
    text-decoration: inherit;
}

.link-std:hover {
    color: rgb(0, 149, 255) !important;
    text-decoration: inherit;
}
/*#endregion*/

/*#region Fonts*/
.font-white {
    color: #efefef;
}
/*#endregion*/

/*#region Padding*/
.extra-padding-1 {
    padding: 1rem;
}
/*#endregion*/

/*#region Images*/
.img-recall-logo {
    max-height: 360px;
    max-width: 30%;
    min-width: 200px;
}

.img-circle {
    border-radius: 50%;
}

/*.card-img-top {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    max-height: 175px;
    max-width: 175px;
}*/
.img-poster-download {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    height: 30vh;
}

.card-img-top {
    width: 100%;
    height: 18vh;
    object-fit: cover;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.75rem;
}

/*.card-title {
    width: 100%;
    height: 10vh;
}*/

/*#endregion*/
/*#region Navbar*/
.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.2);
}
/*#endregion*/

/*#region animations*/
.zoom {
    transition: transform .7s;
}

    .zoom:hover {
        transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }
/*#endregion*/