/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 21, 2023 */
@font-face {
    font-family: 'playbold';
    src: url('play-bold-webfont.eot');
    src: url('play-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('play-bold-webfont.woff2') format('woff2'),
         url('play-bold-webfont.woff') format('woff'),
         url('play-bold-webfont.ttf') format('truetype'),
         url('play-bold-webfont.svg#playbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubunturegular';
    src: url('ubuntu-r-webfont.eot');
    src: url('ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu-r-webfont.woff2') format('woff2'),
         url('ubuntu-r-webfont.woff') format('woff'),
         url('ubuntu-r-webfont.ttf') format('truetype'),
         url('ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubuntulight_italic';
    src: url('ubuntu-li-webfont.eot');
    src: url('ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu-li-webfont.woff2') format('woff2'),
         url('ubuntu-li-webfont.woff') format('woff'),
         url('ubuntu-li-webfont.ttf') format('truetype'),
         url('ubuntu-li-webfont.svg#ubuntulight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {margin: 0; padding: 0}
.top-header{margin-bottom: 70px; background: #0a2d82; height: 45px;}
.container-box{margin: 0 auto; width: 50%; height: auto; overflow: hidden;}
.content{display: block; height: 60px; overflow: hidden;}
.content-img{display: block; height: 120px; overflow: hidden;}
.pict{float: left; width: 25%;}
.text{float: right; width: 75%;}
.text p {margin-top:60px; padding-top: 8px; font-family: 'playbold'; color: white; font-size: 30px; text-align: center; background:#0a2d82; height: 42px;}
.text.MY2023 p {background:#e7000e;}
.sub-title p {margin-top:15px; padding-top: 8px;  font-family: 'ubuntulight_italic'; color: black; font-size: 38px; text-align: center;  background: transparent; height: 22px;}
a:link{text-decoration: none;}
a:hover p, .text.MY2023 a:hover p {background: gray;}

/* #Media Queries
================================================== */
/* X-Large devices (large desktops, less than 1400px) {width: 1140px;} */
@media screen and (max-width: 1399.98px) {
	.container-box{margin: 0 auto; width: 60%;}
}

/* Large devices (desktops, less than 1200px) {width: 960px;} */
@media screen and (min-width:992px) and (max-width: 1199.98px) {
	.container-box{margin: 0 auto; width: 70%;}
}

/* Medium devices (tablets, less than 992px) {max-width: 720px;} */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	.container-box{margin: 0 auto; width: 80%;}
}

/* Small devices (landscape phones, less than 768px) {max-width: 540px;} */
@media screen and (max-width: 767.98px) {
    .container-box{margin: 0 auto; width: 90%;}
}

/* X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
    .container-box{margin: 0 auto; width: 90%;}
    .sub-title p {font-size: 28px;}
}