body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1rem;
    color: black;
}
a {
    color: black;
    text-decoration: none;
}
a:hover {
    color: black;
    text-decoration: none;
}

.s-text-sm {
    font-size: 0.8rem;
}

nav .nav-item {
	width: 250px;
	box-shadow: 5px 5px 5px grey;
}

main {
    position: relative;
}
main img {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
main .card {
    border: none;
}
main .card .card-img-top {
    border-radius: 10px;
}
main .card.s-card-left:hover img {
    margin: 20px 20px 0 20px;
}
main .card.s-card-right:hover img {
    margin: 20px 0 0 -20px;
}

main .card.s-card-right {
    position: relative;
    top: 100px;
}

footer {
    margin-top: 100px;
}
footer * {
    color: grey;
}

.disabled {
	cursor: not-allowed;
}

/* RESPONSIVE CSS -------------------------------------------------- */
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
	header nav {
		display: none !important;
	}
    main img {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }
    main .card.s-card-left:hover img, main .card.s-card-right:hover img {
        margin: 0;
    }
    main .card.s-card-right {
        position: static;
    }
    footer {
        margin-top: 50px;
    }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
}