/* LOGOS **********************************************************************************/

/*DiD teaser*/

.logo_mfl {
	background: url(images/DiD_logo_w.svg) center center;
    background-size: 472px 249px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width : 900px) {
	.logo_mfl {
	    background-size: 426px 225px;
}
}
@media only screen and (max-width : 700px) {
	.logo_mfl {
	    background-size: 373px 197px;
}
}
@media only screen and (max-width : 580px) {
	.logo_mfl {
	    background-size: 286px 151px;
}
}
@media only screen and (max-width : 460px) {
	.logo_mfl {
	    background-size: 227px 120px;
}
}

/*DiD teaser*/

.logo_mfl_c {
	background: url(images/DiD_logo_c.svg) center center;
    background-size: 472px 249px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width : 900px) {
	.logo_mfl_c {
	    background-size: 426px 225px;
}
}
@media only screen and (max-width : 700px) {
	.logo_mfl_c {
	    background-size: 373px 197px;
}
}
@media only screen and (max-width : 580px) {
	.logo_mfl_c {
	    background-size: 286px 151px;
}
}
@media only screen and (max-width : 460px) {
	.logo_mfl_c {
	    background-size: 227px 120px;
}
}

/*LoL teaser*/

.logo_lol {
	background: url(images/lol_logo_white.svg) center center;
    background-size: 670px 109px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width : 900px) {
	.logo_lol {
	    background-size: 600px 97px;
}
}
@media only screen and (max-width : 700px) {
	.logo_lol {
	    background-size: 500px 81px;
}
}
@media only screen and (max-width : 580px) {
	.logo_lol {
	    background-size: 430px 70px;
}
}
@media only screen and (max-width : 460px) {
	.logo_lol {
	    background-size: 300px 49px;
}
}

/*tc100 teaser*/

.logo_tc100 {
	background: url(images/tc100_logo_w.svg) center center;
    background-size: 600px 100px;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width : 900px) {
.logo_tc100 {
	    background-size: 550px 92px;
}
}
@media only screen and (max-width : 700px) {
.logo_tc100 {
	    background-size: 400px 67px;
}
}
@media only screen and (max-width : 580px) {
.logo_tc100 {
	    background-size: 360px 60px;
}
}
@media only screen and (max-width : 460px) {
.logo_tc100 {
	    background-size: 260px 44px;
}
}