@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{padding: 0;margin: 0;box-sizing: border-box;}

body{background: url(1-pg-images/CCTB-banner.png);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}

.box{width: 992px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}

.content h1{background-color: #ffffffe3; padding: 25px 45px; font-family: 'Source Sans 3';font-style: normal;font-weight: 900;font-size: 32px;line-height: 40px;text-transform: uppercase;color: #000000;}

.content p{font-family: 'Source Sans 3';font-style: normal;font-weight: 400;font-size: 20px;line-height: 30px;color: #FFFFFF;}
.inner-content{background-color: #000000c2;padding: 25px 45px; text-align:left;}
.inner-content p{margin-top:20px; margin-bottom:20px;}
.inner-content p span{color:#ababab;}
.inner-content strong{font-family: 'Source Sans 3';font-style: normal;font-weight: 700;font-size: 20px;line-height: 32px;color: #FFFFFF;}
.company-name-bold{display:block; padding-top:10px;}

.content a{text-decoration: underline;font-weight: bold;}

.dep-br{display: block;}

.mbl-br{display: none;}

@media (max-width:1010px){.box{width: 98%;}}

@media screen and (max-width: 767px)
{
    body {background-position: 19%;}
    .content h1 {font-size: 25px;}
}
@media screen and (max-width: 686px)
{
    .content h1{padding: 25px 25px;}
    .box{padding: 10px;}
    .inner-content{padding: 25px;}
}
@media screen and (max-width: 662px)
{
    .content h1{padding: 25px 15px;line-height: 25px;}
}
@media screen and (max-width: 602px)
{
    .content h1{padding: 10px;}
    .dep-br{display: none;}
    .mbl-br{display: block;}
    .inner-content strong{font-size:14px; line-height:24px;}
    .inner-content p{margin-top:12px; margin-bottom:12px; font-size:16px; line-height:24px;}
}
@media screen and (max-width: 767px)
{
    .content h1 {font-size: 20px;}
}