/* Charter List */
.chrtr-rndm {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}
.chrtr-lst {
    margin:4%;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 400;
    vertical-align: top;
    background-color: rgba(141,141,141,0.08);
}
.chrtr-lst:before {
    padding-top: 100%;
}
.r_chrtr-lst-img {
    width: 92%;
    margin: 0 4%;
}
.r_chrtr-lst-img:before {
    padding-top: 66.66666667%;
}
h2.chrtr-lst-h2,
h2.chrtr-lst-h2 {
	font-size: 1.60em;
    text-transform:none;
    margin: 2% 0 2% 0;
    font-weight: 400;
    font-family: 'carnaslight';
    padding: 0;
    background: none;
    color: rgba(56,56,56,1.00);
    width: 100%;
    text-align: center;
}
.chrtr-lst h4 {
    font-family: 'carnaslight';
    width: 100%;
    text-align: center;
	font-size: 0.9em;
    font-weight: 600;
    color: rgba(21,74,119,1.00);
    margin: 3% 0 0 0;
    padding: 0 0 2% 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(21,74,119,1.00);
}

.chrtr-lst-rdmr {
    font-family: 'carnaslight';
    width: 100%;
    text-align: center;
	font-size: 1.2em;
    font-weight: 600;
    color: rgba(21,74,119,1.00);
    margin: 0;
    padding: 1% 0 2% 0;
    text-transform: uppercase;
    border-top: 1px solid rgba(21,74,119,1.00);
}
.chrtr-lst p {
	font-size: 1.25em;
    font-family: 'carnaslight';
    width: 90%;
    margin: 0.5em 0 0.5em 0;
    padding: 0 5%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.chrtr-lst-logo {
	position: absolute;
    top: 5%;
    right: 3%;
    left: 65%;
    bottom: 70%;
    background-color: rgba(255,255,255,0.85);
    display: inline-block;
}
.chrtr-lst-logo img {
    margin: 2% 4%;
}



.chrtr-dep:before {
    background: url(https://www.kokairport.fi/images/main/344-departure_ikon.png);
}
.chrtr-ret:before {
    background: url(https://www.kokairport.fi/images/main/343-arrival_ikon.png);
}
.chrtr-dep:before,
.chrtr-ret:before {
    content: '';
	background-size: clamp(0.7rem, 0.5600rem + 0.7000vw, 1.4rem)!important;
	width: clamp(0.7rem, 0.5600rem + 0.7000vw, 1.4rem)!important;
	height: clamp(0.7rem, 0.5600rem + 0.7000vw, 1.4rem)!important;
	visibility: visible;
	display: inline-block;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right: clamp(0.4rem, 0.3200rem + 0.4000vw, 0.8rem);
}


@media (min-width:1152px) {
	
	
	
}
@media (min-width:481px) and (max-width:539px) {

/* Charter List */
.chrtr {
	width: 96%;
	padding: 2% 2%;
}
.chrtr-lst {
    width: 45.0%;
    margin: 0 2.5% 2.5% 0;
}
.chrtr-rndm .chrtr-lst:nth-child(3),
.chrtr-rndm .chrtr-lst:nth-child(6),
.chrtr-rndm .chrtr-lst:nth-child(9),
.chrtr-rndm .chrtr-lst:nth-child(12) {
    margin: 0 2.5% 2.5% 0;
}
.chrtr-rndm .chrtr-lst:nth-child(2),
.chrtr-rndm .chrtr-lst:nth-child(4),
.chrtr-rndm .chrtr-lst:nth-child(6),
.chrtr-rndm .chrtr-lst:nth-child(8) {
    margin: 0 0 2.5% 0;
}
.chrtr-lst:before {
    padding-top: 110%;
}

}
@media (min-width:540px) and (max-width:639px) {

/* Charter List */
.chrtr {
	width: 96%;
	padding: 2% 2%;
}
.chrtr-lst {
    width: 45.0%;
    margin: 0 2.5% 2.5% 0;
}
.chrtr-rndm .chrtr-lst:nth-child(3),
.chrtr-rndm .chrtr-lst:nth-child(6),
.chrtr-rndm .chrtr-lst:nth-child(9),
.chrtr-rndm .chrtr-lst:nth-child(12) {
    margin: 0 2.5% 2.5% 0;
}
.chrtr-rndm .chrtr-lst:nth-child(2),
.chrtr-rndm .chrtr-lst:nth-child(4),
.chrtr-rndm .chrtr-lst:nth-child(6),
.chrtr-rndm .chrtr-lst:nth-child(8) {
    margin: 0 0 2.5% 0;
}
.chrtr-lst:before {
    padding-top: 110%;
}
}
@media (min-width:640px) and (max-width:767px) {

/* Charter List */
.chrtr {
	width: 96%;
	padding: 2% 2%;
}
.chrtr-lst {
    width: 45.0%;
    margin: 0 2.5% 2.5% 0;
}
.chrtr-rndm .chrtr-lst:nth-child(3),
.chrtr-rndm .chrtr-lst:nth-child(6),
.chrtr-rndm .chrtr-lst:nth-child(9),
.chrtr-rndm .chrtr-lst:nth-child(12) {
    margin: 0 2.5% 2.5% 0;
}
.chrtr-rndm .chrtr-lst:nth-child(2),
.chrtr-rndm .chrtr-lst:nth-child(4),
.chrtr-rndm .chrtr-lst:nth-child(6),
.chrtr-rndm .chrtr-lst:nth-child(8) {
    margin: 0 0 2.5% 0;
}
.chrtr-lst:before {
    padding-top: 105%;
}
}
@media (min-width:768px) and (max-width:979px) {
	
}
@media (min-width:980px) and (max-width:1151px) {

	
}
@media (max-width:480px) {
	
/* Charter List */
.chrtr-rndm {
  grid-template-columns: 1fr 1fr;
}
}