section.distFront{
    position: relative;
    z-index: 2;
    padding-top: 100px;
    min-height: 800px;
}




section.distFront:after{
   content: " ";
   display: block;
   height: 0;
   clear: both;
}
section.distFront .selected:after{
   content: " ";
   display: block;
   height: 0;
   clear: both;
}
section.distFront h1{

    color: var(--primary);
    margin-bottom: 10px;
}
section.distFront .info{

    font-size: 18px;
    color: var(--primary);
}

section.distFront path {
stroke-width:1; /* control the countries borders width */
stroke:white; /* choose a color for the border */
}
 /*fill: var(--secondary); cursor: pointer;*/
section.distFront path[fill="#203192"] {
    cursor:pointer;

}
section.distFront path[fill="#203192"]:hover {
fill: var(--secondary);
}
section.distFront .content{

    text-align: center;
}

section.distFront .content.selected{

    text-align: left;
    padding-top:50px;
    min-height: 580px;
}


section.distFront .content #mapSingle{
    width: 800px;
    height:540px;
    display: inline-block;
}

section.distFront .content #mapSingle.selected{
    width: 800px;
    height:540px;
    display: inline-block;
    position: absolute;
    left: 0;
}
section.distFront .content .columnsRight{

    float: right;
    text-align: left;
    width: 420px;
    padding-top: 20px;
    padding-left: 25px;
}
section.distFront .content .columnsRight h2{

    font-size: 35px;
    color: var(--primary);
}

section.distFront .content .columnsRight .none{

    font-size: 22px;
    padding-right: 60px;
}






section.distFront .content .entryBoxes {

    clear: both;
    width: 100%;
    padding-bottom: 50px;
}

section.distFront .content .entryBoxes:after{
   content: " ";
   display: block;
   height: 0;
   clear: both;
}

section.distFront .content .entryBox {

}


section.distFront .content .entryBoxes .entryBox {

    float: left;
    width: 33%;
}


section.distFront .content .entryBoxes .entryBox:nth-child(3n+1) {
    padding-right: 25px;
}
section.distFront .content .entryBoxes .entryBox:nth-child(3n+2) {
  padding: 0 12px;

}
section.distFront .content .entryBoxes .entryBox:nth-child(3n) {

    padding-left: 25px;
}








section.distFront .content .entryBox .inner {

    border-bottom: 1px solid #d6d6d6;
    /*! padding-bottom: 25px; */
    margin-bottom: 17px;
    height: 144px;
}
section.distFront .content .columnsRight .entryBox {
}

section.distFront .content .entryBox .inner h3 {

    font-size: 18px;
    color: var(--primary);
}
section.distFront .content .entryBox .inner a {
      -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
opacity:1;
    display: block;
    padding: 1px 0;
    font-weight: 400;
}
section.distFront .content .entryBox .inner a:hover {
    color:var(--secondary)
}
/* [L] */
@media all and (max-width: 1249px)  {
	section.distFront{

	}

	section.distFront:after{

	}

	section.distFront .selected:after{

	}

	section.distFront h1{

	}

	section.distFront .info{

	}

	section.distFront path {

	}

	/*fill: var(--secondary); cursor: pointer;*/
	section.distFront path[fill="#203192"] {

	}

	section.distFront path[fill="#203192"]:hover {

	}

	section.distFront .content{

	}

	section.distFront .content.selected{

	}

	section.distFront .content #mapSingle{

	}

	section.distFront .content #mapSingle.selected{

	}

	section.distFront .content .columnsRight{

	}

	section.distFront .content .columnsRight h2{

	}

	section.distFront .content .columnsRight .none{

	}

	section.distFront .content .entryBoxes {

	}

	section.distFront .content .entryBoxes:after{

	}

	section.distFront .content .entryBox {

	}

	section.distFront .content .entryBoxes .entryBox {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n+1) {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n+2) {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n) {

	}

	section.distFront .content .entryBox .inner {

	}

	section.distFront .content .columnsRight .entryBox {

	}

	section.distFront .content .entryBox .inner h3 {

	}

	section.distFront .content .entryBox .inner a {

	}

	section.distFront .content .entryBox .inner a:hover {

	}

}

/* [M] */
@media all and (max-width: 940px) {
	section.distFront{

	padding-top: 25px;
	text-align: center;
	min-height: unset;
	text-align: center;
	}

	section.distFront:after{

	}

	section.distFront .selected:after{

	}

	section.distFront h1{

	font-size: 32px;
	margin: 0;
	}

	section.distFront .info{

	}

	section.distFront path {

	}

	/*fill: var(--secondary); cursor: pointer;*/
	section.distFront path[fill="#203192"] {

	}

	section.distFront path[fill="#203192"]:hover {

	}

	section.distFront .content{

	padding-top: 25px;
	}

	section.distFront .content.selected{

	min-height: unset;
	padding-bottom: 0;
	}

	section.distFront .content #mapSingle{

	width: 100%;
	height: unset;
	}

	section.distFront .content #mapSingle.selected{

	width: 100%;
	height: 180px;
	position: relative;
	}

	section.distFront .content .columnsRight{

	width: 100%;
	position: relative;
	float: unset;
	padding: 0;
	text-align: center;
	}

	section.distFront .content .columnsRight h2{

	}

	section.distFront .content .columnsRight .none{

	padding: 0px;
	padding-top: 10px;
	}

	section.distFront .content .entryBoxes {

	}

	section.distFront .content .entryBoxes:after{

	}

	section.distFront .content .entryBox {

	}

	section.distFront .content .entryBoxes .entryBox {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n+1) {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n+2) {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n) {

	}

	section.distFront .content .entryBox .inner {

	}

	section.distFront .content .columnsRight .entryBox {

	}

	section.distFront .content .entryBox .inner h3 {

	}

	section.distFront .content .entryBox .inner a {

	}

	section.distFront .content .entryBox .inner a:hover {

	}

}

/* [S] */
@media all and (max-width: 520px) {
	section.distFront{

	}

	section.distFront:after{

	}

	section.distFront .selected:after{

	}

	section.distFront h1{

	}

	section.distFront .info{

	}

	section.distFront path {

	}

	/*fill: var(--secondary); cursor: pointer;*/
	section.distFront path[fill="#203192"] {

	}

	section.distFront path[fill="#203192"]:hover {

	}

	section.distFront .content{

	}

	section.distFront .content.selected{

	}

	section.distFront .content #mapSingle{
        width: 140%;
    	position: relative;
    	left: -20%;
	}

	section.distFront .content #mapSingle.selected{

	width: 140%;
	position: relative;
	left: -20%;
	height: unset;
	}

	section.distFront .content .columnsRight{

	}

	section.distFront .content .columnsRight h2{

	}

	section.distFront .content .columnsRight .none{

	}

	section.distFront .content .entryBoxes {

	}

	section.distFront .content .entryBoxes:after{

	}

	section.distFront .content .entryBox {

	}

	section.distFront .content .entryBoxes .entryBox {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n+1) {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n+2) {

	}

	section.distFront .content .entryBoxes .entryBox:nth-child(3n) {

	}

	section.distFront .content .entryBox .inner {

	}

	section.distFront .content .columnsRight .entryBox {

	}

	section.distFront .content .entryBox .inner h3 {

	line-height: 28px;
	}

	section.distFront .content .entryBox .inner a {

	}

	section.distFront .content .entryBox .inner a:hover {

	}

}
