Template:Vilnius-Lithuania/styles/contentpage-desktop

@media (min-width: 1025px) {

   .pdf-viewer {
       width: 100%;
       height: 80vh;
       margin-bottom: 40px;
   }
   .app-header {
       position: relative;
       z-index: 0;
       width: 100%;
       height: 100vh;
       display: flex;
       justify-content: center;
   }
   .app-header h1 {
       text-align: center;
       font-family: var(--secondary-font) !important;
       font-style: normal;
       color: rgba(252, 206, 192, 1);
       font-size: min(5vw, 110px);
       font-weight: 800 !important;
       width: 100%;
       z-index: 2;
       margin: 0 !important;
       position: absolute;
   }
   .app-header-image-wrapper {
       display: flex;
       flex-direction: column;
       justify-content: center;
       width: 70vw;
       max-width: 1386px;
       position: relative;
   }
   .app-header-image-wrapper img {

box-shadow: 0px 0px 35px 0px #000000;

           object-fit: cover;
   }

   .app-content {
       position: relative;
       display: grid;
       grid-template-columns: 1fr 300px;
       column-gap: 20px;
       padding: 96px 10vw;
       background-color: #ffffff;
       z-index: 9999;
       color: black;
       font-style: normal;
       font-weight: 300;
       letter-spacing: 0em;
       text-align: left;
       -webkit-box-sizing: border-box;
       /* Safari/Chrome, other WebKit */
       -moz-box-sizing: border-box;
       /* Firefox */
       box-sizing: border-box;
       width: 100% !important;
       line-height: 1.5;
   }
   .app-content-text {
       position: relative;
       padding-right: 96px;
       -webkit-box-sizing: border-box;
       /* Safari/Chrome, other WebKit */
       -moz-box-sizing: border-box;
       /* Firefox */
       box-sizing: border-box;
   }
   .references-wrapper>.breaker {
       width: 180px;
       height: 7px;
       background-color: rgba(13, 75, 94, 1);
       margin: 48px 0px;
       border-radius: 300px;
   }
   .references-container {
       display: grid;
       grid-template-columns: 48px 1fr;
       column-gap: 16px;
       font-family: var(--main-font);
       font-size: 1.5vh;
       font-style: normal;
       font-weight: 400;
       letter-spacing: 0em;
       text-align: left;
   }
   .references-container>.number {
       text-align: right;
   }
   .references-wrapper>h2 {
       font-family: var(--secondary-font);
       font-size: 4.5vh;
       font-style: normal;
       font-weight: 800;
       letter-spacing: 0em;
       text-align: left;
       margin-bottom: 37px !important;
   }
   .content-page-container {
       position: relative;
   }
   .content-page-container h1,
   .content-page-container h2,
   .content-page-container h3,
   .content-page-container h4,
   .content-page-container h5 {
       font-family: var(--secondary-font);
       font-weight: 800;
   }
   .content-page-container h3 {
       font-size: 4.5vh !important;
       font-family: var(--secondary-font) !important;
       margin: 0 !important;
       margin-bottom: 40px !important;
   }
   .content-page-container h4 {
       font-size: 2.5vh !important;
       font-family: var(--secondary-font) !important;
       margin: 0 !important;
       margin-bottom: 40px !important;
   }
   .content-page-container h5 {
       font-size: 2.2vh !important;
       font-family: var(--secondary-font) !important;
       margin: 0 !important;
       margin-bottom: 40px !important;
   }
   .content-page-container p {
       font-family: var(--main-font) !important;
       font-size: 2vh !important;
       margin: 0 !important;
       margin-bottom: 40px !important;
   }
   .content-page-container h3,
   .content-page-container p {
       font-style: normal;
       margin-bottom: 40px;
   }
   .content-page-container ul,
   .content-page-container ol {
       margin: 0 !important;
       margin-left: 40px !important;
       margin-bottom: 40px !important;
       font-family: var(--main-font);
       font-size: 2vh !important;
       font-style: normal;
       font-weight: 300;
       letter-spacing: 0em;
       text-align: left;
   }
   .content-page-container ul {
       list-style-image: none !important;
       list-style-type: disc;
   }
   .content-page-container .figure-container {
       position: relative;
       width: 100% !important;
       margin: 0 !important;
       margin-bottom: 40px !important;
       font-family: var(--main-font);
       font-size: 1.8vh;
       font-style: normal;
       font-weight: 300;
       letter-spacing: 0em;
       text-align: left;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
   }
   .content-page-container .figure-container.center {
       align-items: center;
   }
   .content-page-container .figure-container img {
       max-width: 100%;
       margin-bottom: 15px;
   }
   .content-page-container .figure-container div {
       width: 100%;
   }

   .illustration{
       position: relative;
       width: 100% !important;
       margin: 0 !important;
       margin-bottom: 40px !important;
       font-family: var(--main-font);
       font-size: 1.8vh;
       font-style: normal;
       font-weight: 300;
       letter-spacing: 0em;
       text-align: left;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
   }
   .illustration.center {
       align-items: center;
   }
   .illustration div {
       width: 100%;
   }
   .illustration img {
       max-width: 100%;
       margin-bottom: 15px;
   }

   ::selection {
       color: black;
       background: #fccec0;
   }
   .index-headline {
       color: #0D4B5E;
   }

   a {
      color: #1b8489;
   }
   a:visited {
      color: #054d54;
   }
   .code-snippet {

}