.learn_banner_background{background:url("../../clientlibs/resources/learn_banner_texture.jpg")}
#learn_top_img{background:url('../../clientlibs/resources/learn_banner_illustration.png') no-repeat top right}
#learn_top_img h1{color:var(--white-color)}
#learn_top_img p{font-size:18px;font-weight:600px;color:var(--white-color);line-height:26px;width:40%}
.teach_banner_background{background:url('../../clientlibs/resources/teach_banner_texture.jpg')}
#teach_top_img{background:url('../../clientlibs/resources/teach_banner_illustration.png') no-repeat top right}
#teach_top_img h1{color:var(--white-color)}
#teach_top_img p{font-size:18px;font-weight:600px;color:var(--white-color);line-height:26px;width:40%}
.play_banner_background{background:url('../../clientlibs/resources/play_banner_texture.jpg')}
#play_top_img{background:url('../../clientlibs/resources/play_banner_illustration.png') no-repeat top right}
#play_top_img h1{color:var(--white-color)}
#play_top_img p{font-size:18px;font-weight:600px;color:var(--white-color);line-height:26px;width:40%}
@media only screen and (min-width :320px){#learn_top_img{background:0}
#learn_top_img p{width:100%;padding-left:15px}
#learn_top_img h1{padding-left:15px}
#teach_top_img{background:0}
#teach_top_img p{width:100%;padding-left:15px}
#teach_top_img h1{padding-left:15px}
#play_top_img{background:0}
#play_top_img p{width:100%;padding-left:15px}
#play_top_img h1{padding-left:15px}
}
@media only screen and (min-width :480px){#learn_top_img{background:0}
#learn_top_img p{width:80%;padding-left:15px}
#teach_top_img{background:0}
#teach_top_img p{width:80%;padding-left:15px}
#play_top_img{background:0}
#play_top_img p{width:80%;padding-left:15px}
}
@media only screen and (min-width :768px){#learn_top_img{background:url('../../clientlibs/resources/learn_banner_illustration.png') no-repeat top right;background-size:300px 206px}
#learn_top_img p{width:40%;text-align:left;margin-left:0}
#learn_top_img h1{text-align:left}
#teach_top_img{background:url('../../clientlibs/resources/teach_banner_illustration.png') no-repeat top right;background-size:300px 206px}
#teach_top_img p{width:40%;text-align:left;margin-left:0}
#teach_top_img h1{text-align:left}
#play_top_img{background:url('../../clientlibs/resources/play_banner_illustration.png') no-repeat top right;background-size:330px 226px}
#play_top_img p{width:40%;text-align:left;margin-left:0}
#play_top_img h1{text-align:left}
}
@media only screen and (min-width :992px){#learn_top_img{background:url('../../clientlibs/resources/learn_banner_illustration.png') no-repeat top right;background-size:250px 172px}
#teach_top_img{background:url('../../clientlibs/resources/teach_banner_illustration.png') no-repeat top right;background-size:270px 186px}
#play_top_img{background:url('../../clientlibs/resources/play_banner_illustration.png') no-repeat top right;background-size:270px 186px}
}
@media only screen and (min-width :1200px){#learn_top_img{background:url('../../clientlibs/resources/learn_banner_illustration.png') no-repeat top right;background-size:407px 280px}
#learn_top_img p{padding-top:80px;margin:0;padding-bottom:45px}
#teach_top_img{background:url('../../clientlibs/resources/teach_banner_illustration.png') no-repeat top right;background-size:407px 280px}
#teach_top_img p{padding-top:80px;margin:0;padding-bottom:45px}
#play_top_img{background:url('../../clientlibs/resources/play_banner_illustration.png') no-repeat top right;background-size:407px 280px}
#play_top_img p{padding-top:80px;margin:0;padding-bottom:45px}
}