@media screen and (max-width:676px) {
  .card, .teamcard {
    border-radius:10px;
    margin: 0.7rem 0.7rem;
    flex:1 1 300px;
    display:flex;
    max-width:360px;
    height:285px;
    position:relative;
    overflow:hidden;
}
  .teamcard {
    height:390px;
}
  .teamcard.animal {
    height:340px;
}
  .card-divider {
    justify-content:center;
    padding-left:0.1rem;
    padding-right:0.1rem;
    padding-bottom: 0.8rem;
    padding-top: 0rem;
}}
@media screen and (min-width:677px) {
  .card, .teamcard {
    margin: 0.7rem 0.7rem;
    flex:0 1 360px;
    display:flex;
    height:300px;
    overflow:hidden;
    position:relative;
}
  .teamcard {
    height:400px;
    background-color: #f0edd7;
}
  .teamcard.animal {
    height:338px;
    background-color: #efdef7;
}
  .card-divider {
    justify-content:center;
    padding-left:0.3rem;
    padding-right:0.3rem;
    padding-bottom: 1rem;
    padding-top: 0rem;
}}

.card-divider h5 {
    color:#f7f7f7;
    font-size:calc(0.6vw + 1.4rem);
    line-height:1;
    padding-left:0;
    padding-right:0;
    font-weight: 400;
    font-family:Oswald,Raleway,serif;
    text-shadow: 2px 2px 0.5px #484848;
    letter-spacing: 0.9px;
}

.teamcard .card-divider h5 {
    color:#807805;
    font-size:calc(0.4vw + 1.05rem);
    text-shadow: none;
    margin-top:1rem;
    margin-bottom: 0.1rem;
}
.teamcard.animal .card-divider h5 {
    color:#520080;
}
.mod_article .teamcard figure {
    margin-top:0;
    margin-bottom:0rem;
}
.map1 {
    position:relative;
    overflow:hidden;
    height:400px;
}

.card::after {
    content:"";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAABYElEQVR4nM3Wv0tVUQAH8OcPWgTBFnETBzXCrUEnJzcdgkbRQXBxKNHRxZAyERH/AEFoaIjApXByFoSGGh2kQVG0McKGTxw74vHyer737hn8woXz45774RzOuZxK5SEEHVjHD5zjE/pyI49wiA94hgEs4QL9OaEF7KEFgxiN7YuhPSf0GVN4jF/+ZQLduEJrLmgX03jiNvPoiXBLLmg2zqoIvcTHLEiE2rFaBZpDbzYoAe9A2YFaEDrRVsmZKks3hj/xjIWtP4yNcARyQytJPWz9b7F8vUEwE99rzwl14TiWv+Bp0jdeBjrA96S+E5fxBhpJ+iZrbef3OMXazckvQLVyFv+L90LPCwO3A9YAVMx/oXTaKZaue3koBMtVBuxnh0LwuskPNwZlxCbvhSL2piT0oi4oYm9LQEN1QxF71wRy0BCSYK/wu07kpNTlJVyzsIWvuMTPwnOEzXCnaBrJkb8424midW0uuAAAAABJRU5ErkJggg==); 
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    right: 4px;
    bottom: 4px;
    background-repeat:no-repeat;
    background-position:center;
    border:1px solid white;
}
.map1::after {
    content:"";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvklEQVR4nM3WsStFURzA8a+wINlYhUlZyEAGI7PBJEUGgyRGGZQymSQDpQhPFgYpIeE9ue/3e6QM/gEZFAuDejo5T6ebh/fc8/KrU+d3b/d+zu90zz0H/nMotAosK5wL7CoMBVDqFRUYUXgT2BYYF5hTeBA4vYEKb5XqB9rjXr+GaoVbhQUvsMCSqdT22wT2BSZt3qXwEkBZ5LDCmZle2z9WSJuWhPoEVNq8MXJYYEdg1sKBAzcLNJj+BdT4gAcF7rPA0wpxfMQRlAicZIHnktCCr7ixSyYMe1tK4QjDFCo0BKegXGBKYDgNRQWDBaYyuUC3+boFrs1f7Qo6fMKLDjyo0J/JFebtMzMCRwqdvuABs3E4+WIAdc5AjiOBFVYU7pz8QODQhZPQ5NwPvn15CmoFNhT2FNq/gX9qcYWJX8MCCWfUr+ajyRMOt+Cn6XxyH3Bxr7B8bPLpr3CvcAyKFdaz4I/e4AwusPoHJD/YqXyt4HBmS1SIRQTHySUsvhUBHCPXMOdnc+D7CyzQlzPs4Bt5wpdm5sg3zJ6rMCrwnEOlicgOgwpVKRgzJ1BTjf2xfDaDCWwmodesjkjQKOMdscl1qrYob34AAAAASUVORK5CYII=); 
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    left: 20px;
    top: 20px;
    background-repeat:no-repeat;
    background-position:center;
    border:1px solid #cf0000;
}
.arche1 .map1::after {
    content:"";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAACE0lEQVR4nM3WMWtTURQH8HNO2kVFXKRK/ueVYp0El0gHxaGjzgpOIigZAqbnJHGUDILg1EmkgwVBaVVcdBBBtIjagJ1cHPwC4iDoooNQuS+mSZpoTfJu8MCFex6897v3cO+7l+i/Dsccmy6L61s2PBFLilQsTEY1xZOyuP5k10diqLFhUVw/i+M1lfbviaM65gKas+RM1/PyzJQYPrDjVhSXXW+HmaZJJTnOjmdiuBrS3EL+lBi+U/HgrsxhMbwJ5W32dU1cN0Mjxyxdnt2b9k2PZA6z4zG73vg9iI0tuJoUqJw/nPZr0wcyh8VwSRyf+sFsek1M1ylK1GlCHK/6w1gk02MULUrNLdNT6mhbaVv0wOMK2Q5Xp3aLoS6OUliHY4MlRZt5zvOnw+oW0/fhr0amJ6PB7Fhq5enqr+iFVs6mN8M7bLjOri9znp+PAzsuhoNjC3YsUU0PtQema5nAbLgjph878uds+qILLuePdlRk4+9fryYzbFhl06dkyYk/wTs203VxXPlnWFwbHeX7kS6aYeCegWAnGF+7X2rjUWFuHvKb/fCoMJ2lHJuu9MPF8CUe3MJd7w6NDA23Z35v/HCIOk2w4UE2sA54bgfc8XBUOEyABo5iYTK92o6Gnx8cbuGG1eFQvAuVoxGCxdXE9NsAcCO7y+DC9D6paCXcQMNs0h9LZ3NtsOO+OM6F3ZENmmH8AvhUEswdxl59AAAAAElFTkSuQmCC); 
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    left: 20px;
    top: 20px;
    background-repeat:no-repeat;
    background-position:center;
    border:1px solid #02711d;
}
.card-section {
	background-image: linear-gradient(rgb(0,0,0,0)0%, rgb(0,0,0,0.3)15%, rgb(0,0,0,0.6)100%);
	color:white;
	transform: translate(0px , -168px);
}

.teamcard .card-section {
    background-image: linear-gradient(rgb(0,0,0,0)0%, rgb(0,0,0,0.24)15%, rgb(0,0,0,0.6)100%);
	color:white;
	transform: translate(0px , -148px);
}


@media screen and (max-width:420px) {
    .teamcard .card-section, .teamcard:hover .card-section{
    transform: translate(0px , -118px);
}}
@media screen and (min-width:421px) and (max-width:600px) {
    .teamcard .card-section {
    background-image: linear-gradient(rgb(0,0,0,0)0%, rgb(0,0,0,0.24)15%, rgb(0,0,0,0.6)100%);
	color:white;
	transform: translate(0px , -140px);
}}
.mod_article .card-section p {
    	padding-right:35px;
    	padding-bottom:0.5rem;
    	line-height:1.2;
}
@media (hover) {
.card-section {
	transform: translate(0px, 0px);
}
.teamcard .card-section {
	transform: translate(0px, 60px);
}

.card:hover .card-section {
		transform: translate(0px , -160px);
		transition: transform 750ms ease;
}
.teamcard:hover .card-section {
		transform: translate(0px , -128px);
		transition: transform 750ms ease;
}
.teamcard.animal:hover .card-section {
		transform: translate(0px , -108px);
		transition: transform 750ms ease;
}    
}
@media (hover) and (max-width:412px) {
 .teamcard:hover .card-section {
		transform: translate(0px , -118px);
		transition: transform 750ms ease;
}   
 .teamcard.animal:hover .card-section {
		transform: translate(0px , -88px);
		transition: transform 750ms ease;
}  
}
@media screen and (max-width:360px) {
    .card {
        max-height: 250px;
    }
    .mod_article .card-section p {
        font-size:0.86rem;
    }
}
.card h4 {
    margin:0;
    font-size:1.4rem;
    line-height:1.5;
}
.card p {
    margin:0;
    font-size:0.95rem;
    line-height:1.1;
}
.card1 .card-divider {
    background-color:#fd0024;
}
.card2 .card-divider {
    background-color:#fe9000;
}
.card3 .card-divider {
    background-color:#fff020;
}
.card4 .card-divider {
    background-color:#01b52d;
}
.card5 .card-divider {
    background-color: #1b28ec;
}
.card6 .card-divider {
    background-color:#959595;
}
.card7 .card-divider {
  background-color: #4c0080;
}
.teamcard .card-divider {
    background-color:#f0edd7;
    border:none;
}
.teamcard.animal .card-divider {
    background-color:#efdef7;
    border:none;
}
.card1 {
    border:5px solid #fd0024;
}
.card2 {
    border:5px solid #fe9000;
}
.card3 {
    border:5px solid #fff020;
}
.card4{
    border:5px solid #01b52d;
}
.card5 {
    border:5px solid #1b28ec;
}
.card6 {
    border:5px solid #959595;
}
.card7 {
    border:5px solid #4c0080;
}