html { margin: 0px 0px; border: 0px solid #000; }
body.home { border: 0px solid #000; }
.lisgoa-mobile-treaty-section .frame-mobile-portugal { border: 0px solid #000; height: 650px; width: 400px; margin: 0 auto; padding: 20px; background-repeat: no-repeat;  background-position: center; display: flex; justify-content: center; align-items: center; }
body.home .container { height: auto; }
body.home .scrollable-container { width: fit-content; }
body.home .emblem-container { max-width: 900px; text-align: center; margin: 0 auto; }
body.home .emblem-holders { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 250px; border: 0px solid #000; margin-bottom: 20px; }
body.home header { margin-bottom: 0px; }
.box button:hover { background-color: green !important; border: 0px solid #000 !important; color: white !important; }
body.home .scrollable-container { background: none; margin: 0 auto; }
body.home .lisgoa-logo { width: 80% !important; }
body.home #constituion-article { width: 900px; margin: 20px auto; text-align: center; }
body.home #constituion-article > img { width: 90%; text-align: center; border: 3px solid #000; }
.cca { width: 100%; display: flex; justify-content: center; align-items: center; height: 300px;  background-size: inherit; background-repeat: no-repeat; background-position: center; }
.cca .box { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; width: 400px; position: relative; padding-top: 0px; }
.cca .box .section { margin: 0 auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.cca::before { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(-70%) translateY(0%); }
.cca::after { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(80%) translateY(0%); }
.inter-peace { width: 100%; display: flex; justify-content: center; align-items: center; height: 300px; background-size: inherit; background-repeat: no-repeat; background-position: center; }
.inter-peace .box { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; width: 450px; position: relative; }
.inter-peace .box .section { margin: 0 auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.inter-peace::before { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(-70%) translateY(0%); }
.inter-peace::after { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(80%) translateY(0%); }
.duty1 { width: 100%; display: flex; justify-content: center; align-items: center; height: 300px;  background-size: inherit; background-repeat: no-repeat; background-position: center; }
.duty1 .box { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; width: 400px; position: relative; }
.duty1 .box .section { margin: 0 auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.duty1::after { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(-70%) translateY(0%); }
.duty1::before { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(80%) translateY(0%); }
.lisgoa-bridge { width: 100%; display: flex; justify-content: center; align-items: center; height: 300px;  background-size: inherit; background-repeat: no-repeat; background-position: center; }
.lisgoa-bridge .box { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; width: 400px; position: relative; padding-top: 0px; }
.lisgoa-bridge .box .section { margin: 0 auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.lisgoa-bridge::after { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(70%) translateY(0%); }
.lisgoa-bridge::before { content: ""; position: absolute; top: auto; left: auto; width: 500px !important; height: 300px;  background-size: contain; background-position: center; background-repeat: no-repeat; z-index: -1; border: 0px solid #000; transform: translateX(-80%) translateY(0%); }


.inter-peace::after, 
.cca::after, 
.duty1::after,
.lisgoa-bridge::after  { border: 0px solid #000; transform: translateX(300px) translateY(0%);}


.inter-peace::before,
.cca::before,  
.duty1::before,
.lisgoa-bridge::before { border: 0px solid #000; transform: translateX(-300px) translateY(0%);}


@media (max-width: 768px) {
  body.home { margin-top: 0%; }
  body.home .lisgoa-logo-section p { text-align: center; border-top: 0px solid #d1d1d1; border-bottom: 0px solid #d1d1d1; padding-top: 5px; padding-bottom: 5px; }
  .frame-mobile-portugal p#special-date { width: 300px; border-top: 1px solid orange; padding-top: 5px; padding-bottom: 5px; font-size: 16px; margin: 10px auto; border-bottom: 1px solid green; color: black; }
  body.home #lisgoa-map { margin-top: 50px; width: 80%; }
  body.home .desktop-content { display: none !important; }
  .treaty-text { max-width: 95%; margin: 0 auto; }
  .treaty-text h2 { font-size: 15px; margin-bottom: 10px; color: #25088f; }
  .treaty-text p { color: #000000; font-size: 14px; }
  .emblem-description { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 200px; border: 0px solid #000; margin: 40px auto; }
}

@media (max-width: 990px) {
  .lisgoa-bridge::before, .lisgoa-bridge::after, .lisgoa-bridge::after, .lisgoa-bridge::before, .duty1::before, .duty1::after, .inter-peace::after, .inter-peace::before, .cca::after, .cca::before { display: none; }
}

@media (max-width: 900px) {
  body.home .scrollable-container { width: auto; }
  body.home .lisgoa-logo { width: 80% !important; }
  body.home #goa-map { display: none !important; }
  body.home #constituion-article, body.home #constituion-article img { width: 90% !important; text-align: center; }
  body.home .emblem-holders, body.home .emblem-holders { margin-bottom: 40px !important; }
}