/* Move down content because we have a fixed navbar that is 3.5rem tall */
body { }
.hidden {display: none;}
.nav-item { padding-top: 1px; padding-bottom: 1px; }
.img-logo-flex { height: 24px; }
.link-nogap { padding-top: 0; padding-bottom: 0; margin: 0; }
.line-gap { width: 1px; background-color: #666666; }
.jumboimg { width: 2560px; height: auto; margin: 0 auto; }
main { background-color: #f2f5f8; }
main .container .row { margin-top: 86px; }
.img-advertise-flex { width: 100%; }
.col-right-text { padding-top: 46px; }
.col-right-text h2 { color: #010101; font-size: 2rem; font-weight: bold; margin-bottom: 2rem; }
.col-right-text p { color: #595f6f; font-size: 1rem; margin-bottom: 2rem; line-height: 1.8rem; }
.col-right-text a.re { color: #2b83fa; font-size: 1rem; }
.col-right-text .btn-secondary { background-color: #2b83fa; border-color: #2b83fa; }
.col-right-text .btn-secondary:hover { background-color: #1874ef; border-color: #1874ef; }
.col-right-text .btn-secondary:not(:disabled):not(.disabled):active { background-color: #0066ee; border-color: #0066ee; }
.col-right-text .btn { padding: 0.4rem 3.5rem; }
.foot-item { display: block; width: 100%; padding: 2.5rem 0; margin: 0; background-color: #222; color: #939393; }
.foot-item p { text-align: center; vertical-align: middle; margin-bottom: 0; }
.navbar-expand-sub { max-width: 1140px; margin: 0 auto; padding: 0.4rem 0; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
.navbar-expand-sub .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
.main-sub { margin: 0; padding-top: 12px; padding-bottom: 108px; }
.main-sub .container .row { margin-top: 62px; }
.main-sub .container .row-narrow { margin-top: 0; }
.main-sub-head { }
.main-sub-head p { font-size: 0.8rem; }
.col-left-text { padding-right: 20px; }
.col-left-text h2 { font-weight: 500; }
.col-left-text p { line-height: 1.8rem; font-weight: 500; }
.col-right-img { margin: 30px 6px; overflow: hidden; }
.col-right-img img { width: 100%; height: auto; }
.col-links { background-color: #fff; margin: 18px 32px; padding: 46px 0; -moz-box-shadow: 6px 6px 12px #888888; box-shadow: 6px 6px 12px #888888; }
.col-links .link { width: 200px; height: 220px; margin: 0 auto; }
.col-links .link p { text-align: center; line-height: 0.5rem; font-size: 0.9rem; font-weight: 600; }
.col-links .link p img { width: 40%; }
.col-links .btn-secondary { font-size: 0.8rem; padding: 0.35rem 3.5rem; margin-top: 22px; background-color: #2b83fa; border-color: #2b83fa; }
.col-links .btn-secondary:hover { background-color: #1874ef; border-color: #1874ef; }
.col-links .btn-secondary:not(:disabled):not(.disabled):active { background-color: #0066ee; border-color: #0066ee; }
.col-bottom { width: 100%; height: 585px; overflow: hidden; border-radius: 4px; }
.alpha { background-image: url("../images/11TTEACHING01.png"); background-size: 100%; background-repeat: no-repeat; }
.beta { background-image: url("../images/12TEACHING02.png"); background-size: 100%; background-repeat: no-repeat; }
.col-bottom .notes { width: 200px; height: 200px; margin: 150px auto 0; }
.col-bottom .notes h4 { font-size: 2.5rem; font-weight: bold; color: #fff; text-align: center; }
.col-bottom .notes p { text-align: center; }
.col-bottom .notes p img { width: 40%; }
.col-bottom .btn-secondary { font-size: 0.8rem; padding: 0.4rem 2rem; background-color: #2b83fa; border-color: #2b83fa; }
.col-bottom .btn-secondary:hover { background-color: #1874ef; border-color: #1874ef; }
.col-bottom .btn-secondary:not(:disabled):not(.disabled):active { background-color: #0066ee; border-color: #0066ee; }
@media (max-width:2560px) {
    .jumboimg { width: 100%; height: auto; }
}
@media (max-width:1920px) {
    .jumboimg { width: 120%; height: auto; margin-left: -16%; margin-top: -1%; }
}
@media (max-width:1440px) {
    .navbar-expand-md { padding: 0.2rem 1.5rem; }
    .jumboimg { width: 140%; height: auto; margin-left: -23%; margin-top: -2%; }
    .col-right-text { padding-top: 26px; }
    .foot-item { padding: 2rem; }
}
@media (max-width:1280px) {
    .jumboimg { width: 160%; height: auto; margin-left: -29%; margin-top: -3%; }
    .navbar-expand-sub { max-width: 930px; }
    .main-sub { padding-bottom: 68px; }
    .main-sub .container .row:first-child { max-width: 930px; margin: 0 auto; }
    .col-bottom { height: 490px; }
    .col-bottom .notes { margin: 120px auto 0; }
}
@media (max-width:992px) {
    .navbar-expand-md { padding: 0.1rem 1rem; }
    .jumboimg { width: 172%; height: auto; margin-left: -29%; margin-top: -3%; }
    main .container .col-md-6 { max-width: none; -ms-flex: 0 1 auto; flex: 0 1 auto; }
    main .container { padding-bottom: 36px; }
    main .container .row { margin-top: 26px; }
    .col-right-text { padding-top: 12px; }
    .foot-item { padding: 1.5rem; }
    .navbar-expand-sub { max-width: 690px; }
    .main-sub { padding-bottom: 48px; }
    .main-sub .col-md-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 15px; padding-left: 15px; }
    .main-sub .col-md-5 { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding-right: 15px; padding-left: 15px; }
    .main-sub .col-md-7 { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding-right: 15px; padding-left: 15px; }
    .col-bottom { height: 380px; }
    .col-bottom .notes { margin: 100px auto 0; }
    .col-bottom .notes h4 { font-size: 2.1rem; }
    .col-bottom .notes p img { width: 36%; }
}
@media (max-width:768px) {
    .line-gap { height: 24px; margin-top: 2px; }
    .jumboimg { width: 192%; height: auto; margin-left: -33%; margin-top: -4%; }
    .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; padding: 0; }
    .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
    .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
    .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
    main .container { padding-bottom: 24px; }
    main .container .row { margin-top: 8px; }
    .col-right-text { padding-top: 6px; }
    .foot-item { padding: 1rem; }
    .navbar-expand-sub { max-width: 510px; }
    .main-sub { padding-bottom: 28px; }
    .main-sub .col-md-4 { -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; padding-right: 15px; padding-left: 15px; }
    .col-bottom { height: 270px; }
    .col-bottom .notes { margin: 50px auto 0; }
    .col-bottom .notes h4 { font-size: 1.8rem; }
    .col-bottom .notes p img { width: 34%; }
    .col-bottom .btn-secondary { font-size: 0.6rem; padding: 0.3rem 1.6rem; }
}
@media (max-width:576px) {
    .jumboimg { width: 232%; height: auto; margin-left: -37%; margin-top: -4%; }
    main .container { padding-bottom: 10px; }
    main .container .row { margin-top: 0; }
    .navbar-expand-sub { max-width: 466px; }
    .main-sub { padding-bottom: 12px; }
    .main-sub .col-md-4 { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; padding-right: 15px; padding-left: 15px; }
    .col-bottom { height: 240px; }
    .col-bottom .notes { margin: 25px auto 0; }
    .col-bottom .notes h4 { font-size: 1.5rem; }
    .col-bottom .notes p img { width: 30%; }
    .col-bottom .btn-secondary { font-size: 0.6rem; padding: 0.3rem 1.6rem; }
}