Template:Vilnius-Lithuania/CSS/Graphic Design

.list-wrapper {

   display: grid;
   grid-template-columns: 1fr 1fr;
   width: 80%;
   align-self: center;
   padding: 20px;
   margin: 20px;
   box-shadow: 0px 0px 10px #00000029;

}

.list-wrapper h5 {

   margin-block-start: 0;
   font-size: 1.5vw;

}

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

   .list-wrapper h5 {
       margin-block-start: 0;
       font-size: 2.5vw;
   }

}

.list-wrapper ul {

   padding-inline-start: 0px;

margin: 0; }

.list-wrapper ul li {

   margin: 10px 0;
   display: flex;

}

.list-wrapper ul li p {

   margin-block-start: 0;
   margin-block-end: 0;

}

.list-wrapper ul:last-of-type {

   list-style: none;
   text-align: end;

}

.list-wrapper ul:last-of-type li {

   justify-content: flex-end;

}

.list-wrapper ul:last-of-type li::before {

   content: none;

}

.list-wrapper ul:last-of-type li::after {

   content: "•";
   color: #6281ef;

}

.list-wrapper h5:last-of-type {

   text-align: end;

}

.content object {

   width: 80%;
   align-self: center;
   padding: 30px 0;

}

.content .h4 {

   text-transform: uppercase;
   font-size: 1.3em;

}

  1. animations svg {
   height: fit-content !important;
   min-height: 300px;

}

  1. nav-svg {
   max-height: 40vh;

}

.photos-wrapper.full-width .three-part svg {

   height: 20vh;

}

.content #team {

   height: 30vh;

}

.content #team img {

   width: initial;
   height: 70%;

}

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

   .content #team {
       grid-template-columns: 1fr;
       height: fit-content;
   }
   .content #team img {
       width: 100%;
       height: auto;
       margin: 20px;
   }
   .content #team img:last-child {
       width: 80%;
   }

}