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

.fp-tableCell {vertical-align:top !important}
.mediabgd {background:url(../images/mediabgd.jpg) no-repeat;}
.mediabgd {background-size: cover;}
.mediabgd h1 {padding-bottom:10px; margin-bottom:20px; background:url(../images/dotline.png) no-repeat bottom center;}

.martp {margin-top:calc(10vh) !important}
.marbp {margin-bottom:calc(15vh) !important}
.marb5 {margin-bottom:5px}
.divmedianews {width:60%; margin:0 auto}
.divnews {width:100%; padding:0px 10px 15px 10px; background:url(../images/dotbgd.png) repeat-x bottom; position:relative; margin-bottom:30px}
.newssection > li {display:inline-block; vertical-align:bottom}
.newssection > li:first-child {width:88%; text-align:left}
.newssection > li:last-child {width:10%; text-align:right}
.newssection > li:last-child img {float:right}


@media screen and (min-width: 300px) {
.divmedianews {width:96%;}
.newssection > li:first-child {width:88%; text-align:left}
.newssection > li:last-child {width:10%; text-align:right}
.newssection > li:last-child img {width:20px}
}

@media screen and (min-width: 768px) {
.newssection > li:last-child img {width:25px}
}

@media screen and (min-width: 1024px) {
.divmedianews {width:80%;}
.newssection > li:last-child img {width:30px}
}

@media screen and (min-width: 1280px) {
.divmedianews {width:70%;}
}

@media screen and (min-width: 1366px) {
.divmedianews {width:60%;}
}