@charset "UTF-8";
/* CSS Document */

.flex {
	display: flex;
}
.flex-start {
	justify-content: flex-start;
}
.flex-center {
	align-items: center;
}
.flex-end {
	justify-content: flex-end;
}

.flex-wrap {
	flex-wrap: wrap;
}
.flex-column {
	flex-direction: column;
}
.flex-justify {
	justify-content: space-between;
}
.flex-start-self {
	align-self:flex-start;
}
.flex-center-self {
	align-self: center;
}
.flex-end-self {
	align-self: flex-end;
}
.flex2-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex2-1-item {
    width: 47%;
    padding: 0;
    /*margin: 0 0.5%;*/
}
.flex2-1-item-1 {
    padding: 0;
    /*margin: 0 0.5%;*/
}
.w25 {
	width: 25%;
}
.w35 {
	width: 35%;
}
.w40 {
	width: 40%;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}
.w70 {
	width: 70%;
}

.flex2-1-item-2 {
    padding: 0;
    /*margin: 0 0.5%;*/
}
.flex2-1-item_markering {
    background: #FFDC51
}

@media (max-width:450px) {
.flex2-1-item-1, .flex2-1-item-2 {
    width: 100%;
    margin: 1% 0;
}
	.w25, .w35, .w40, .w45, .w50, .w55, .w60, .w70 {
		width: 100%;
	}
}
.flex3-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex3-1-item {
    width: 32.1%;
    padding: 15px;
    margin: 0 0.5%;
}
.flex3-1-item_markering {
    background: #FFDC51
}

@media (max-width:750px) {
.flex3-1-item {
    width: 100%;
    margin: 1% 0;
}
}
.flex3-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex3-2-item {
    width: 32.1%;
    padding: 15px;
    margin: 0 0.5%;
}
.flex3-2-item_markering {
    background: #FFDC51
}

@media (max-width:750px) {
.flex3-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex3-2-item {
    width: 49%;
    height: 98%;
    margin: 1% 0;
}
}
.flex4-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0.5%;
}
.flex4-1-item {
    width: 24%;
    padding: 15px;
}
.flex4-1-item_markering {
    background: #FFDC51
}

@media (max-width:750px) {
.flex4-1-item {
    width: 100%;/*margin-bottom: 4%;*/
    margin: 1% 0;
}
}
.flex4-2 {
    display: flex;
    justify-content: space-between;
	width: 100%;
	/*margin: 0 0 0 -1px;*/
}
.flex4-2-item {
    width: 23.5%;
    padding: 0;
}
.flex4-2-item_markering {
    background: #FFDC51
}
.flex4-2 a, .flex4-2 a:visited {
	color: #000000;
	text-decoration: none;
}
 .flex4-2 a:hover {
	color: #000000;
	text-decoration: underline;
}

@media (max-width:750px) {
.flex4-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.flex4-2-item {
    width: 49%;
    /*height: 98%;*/
    margin: 1% 0;
}
}
.flex4-2-1 {
    display: flex;
    justify-content: space-between;
	width: 100%;
	/*margin: 0 0 0 -1px;*/
}
.flex4-2-1-item {
    width: 23.5%;
    padding: 0;
}
.flex4-2-1-item .lightbox-lnk:hover {
	cursor: zoom-in;
}
.flex4-2-1-item_markering {
    background: #FFDC51
}
.flex4-2 a, .flex4-2 a:visited {
	color: #000000;
	text-decoration: none;
}
 .flex4-2-1 a:hover {
	color: #000000;
	text-decoration: underline;
}

@media (max-width:750px) {
.flex4-2-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}
.flex4-2-1-item {
    width: 48.5%;
    /*height: 98%;*/
    margin: 1% 0;
}
}
@media (max-width:450px) {
	.flex4-2-1-item {
    width: 100%;
    /*height: 98%;*/
    margin: 1% 0 5% 0;
}

}