:root {
    --ci-red: #d1300b;
    --ci-darkblue: #002d49;
 }

 .tp-banner {
     background-color: var(--ci-darkblue);
     color: #ffffff;
 }

 .eyecatcher {
     position: relative;
     height: 800px;
     overflow: hidden;
 }

 .eyecatcher-content {
     position: absolute;
     width: 800px;
     left: 50%;
     margin-left: -400px;
     bottom: 100px;
     color:#ffffff;
     text-align: center;
 }

 .eyecatcher-content h1 {
     margin-top: 1.875rem;
     background-color: var(--ci-red);
     padding: 0.375rem;
 }

 .eyecatcher-content p {
     margin-top: 1.875rem;
 }

 .eyecatcher-content span {
     background-color: #ffffff;
     color: var(--ci-darkblue);
     padding: 0.375rem;
     font-weight: 500;
 }

@media screen and (max-width: 1400px) {
 .eyecatcher {
     height: auto;
 }
}

@media screen and (max-width: 1200px) {
 .eyecatcher-content {
    width: 740px;
    margin-left: -370px;
    bottom:50px;
 }

 .eyecatcher-content h1 {
    font-size: 1.375rem;
 }
}

@media screen and (max-width: 992px) {
 .eyecatcher-content {
     width: 540px;
     margin-left: -270px;
     bottom: 20px;
 }

 .eyecatcher-content img {
    width: 400px;
 }
}

@media screen and (max-width: 768px) {

 .eyecatcher-content {
     bottom: 10px;
 }

 .eyecatcher-content h1 {
    margin-top: 1rem;    
 }

  .eyecatcher-content p {
    margin-top: 1rem;
 }
}

@media screen and (max-width: 576px) {

 .eyecatcher-content {
    bottom: 0px; 
    width: 360px;
    margin-left: -180px;
 }
 
 .eyecatcher-content h1 {
    font-size: 1rem;
    margin-top: 0.75rem;
 }

 .eyecatcher-content img {
    width: 300px;
 }

  .eyecatcher-content p {
    font-size: 0.75rem;
    margin-top: 0.75rem;
 }
}


 .eyecatcher-small {
    height: 160px;
    background-color: var(--ci-darkblue);
 }

  .eyecatcher-small-content {   
    color:#ffffff;
 }

 .tp-button-inquiry {
     padding: 0.375rem 0.75rem;
     background-color: var(--ci-red);
     color: #ffffff;
     font-weight: 400;
     border: 1px solid var(--ci-red);
     border-radius: 0.375rem;
 }

 .tp-button-inquiry:hover {
     background-color: #ffffff;
     color: var(--ci-red);
     border: 1px solid var(--ci-red);
 }

.tp-red {
    color: var(--ci-red);
}

 main p {
     margin-top: 1.5rem;
     text-align: justify;
 }

 main ul {
     margin-top: 1.5rem;
     font-weight: 700;
 }

 main a {
    color: var(--ci-red);
 }

 footer {
     height: 120px;
     background-color: var(--ci-darkblue);
     color: #ffffff;
 }

 footer a{
    color: #ffffff;
 }