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

.inparty-cards-cont {
  margin-left: 1em;
  margin-right: 0em;
}

  
.divisions-cards-cont {
  margin-left: 1em;
  margin-right: 1em;
}

}

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

.navbar-menu {
    padding: 0px;
    text-align:center;
    border-bottom:none;
}

.navbar-menu a {
    border-bottom: 1px solid #F8B483;
}


.navbar-logo-cont {
    width: 3em;
    margin-top:0em;
    margin-bottom:0em;
}

.program-card .card-image {
    padding-left:2em;
    padding-right:2em;
    margin:auto;

}

.courusel{
    margin-left: 1rem;
    margin-right: 1rem;
    width: auto;
    padding: 0px;
}

.courusel-sep {
  display: none;
}
  
.courusel-text .title {
  font-size: 1.5em;
  margin-bottom: 0.7rem;
}
  
.courusel-text {
    position: unset;
    width:100%;
    min-height: 16em;
    border-start-start-radius: 0px;
    border-start-end-radius: 0px;
    margin-bottom: 0px !important;
    padding: 1em;
    background-color: white;
    color: #0D567E;
    border-bottom-left-radius:1em;
    min-height: 33em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em; 
}

.courusel .slide-image-placeholder {
  border-bottom-right-radius: 0em;
  border-bottom-left-radius: 0em;
  background-size: 100%;
}
  
.courusel-items {
    /*position: unset;
    text-align: left;
    margin-left: 1em;*/
}
  
  
.courusel-items span a {
    font-size: 2em !important;
}
  
.slide-subimage {
  width: 60%;
}

.inparty-card .card-content {
    padding: 1.5em;  
}

.inparty-card {
  margin-bottom: 0.7em !important;
}
  
.division-card .is-3 {
    /*font-size: 1.5em;*/
}

.prog-top-first-card {
    padding: 0.5em;
    font-size: 1.4em;
}

.prog-top-reg-card {
    padding: 0.5em;
    font-size: 1.4em;
}


.prog-top-card .cell .content {
    text-align:center;
    font-size: 1.0em;
}

.image-duncova-cont {
    width:90%;
    margin: auto;
}

.youth-image {
    width:80%;
    margin:auto;
}

.inparty-cards-cont {
    width: calc(100vw * 3 - 3em);
    display:flex;
    flex-flow: row wrap;
    margin-left: 1em;
    margin-right: 0em;
}

.inparty-cards {
    max-width: calc(100vw - 2em);
    margin-bottom: 0px;
}

.inparty-cards-first{
    margin-left:0em;
}

.inparty-cards-last{
    margin-right:0em;
}

.values-cards {
   width: 100%;
}

.values-card{
   width: 100%;
   margin-left: 0px;
   margin-right: 0px;
}
  
.values-card .card-image {
  width: 152px;
  position: absolute;
}

.values-card .card-image img {
  border-start-end-radius: unset;
  border-bottom-left-radius: var(--bulma-card-radius);
}

.card-content {
  padding-right: 10px;
}
  
.values-card .content h3 {
  margin-left: 150px;
  font-size: 0.9em;
  min-height: 5.5em;
  word-break: break-word;
}
  
.values-card .content .value-text {
  margin-top: 4em;
}

.values-card .content hr {
  display: none;
  
}

.values-card :nth-child(1 of .value-expand) {
  display: none;
}
  
.values-ytlink {
    width: 35%;
    padding: 4%;
    top: 65%;
    left: 65%;
}
  
.program-card .content {
    width: 100%;
}
  
.doc-section .content h3 {
    font-size: 1.0em;
}

.division-cont .is-2 {
  font-size: 2rem;
}
  
.division-cont .container {
  padding-left: 1rem;
  padding-right: 1rem;
}
  
.division-card-content-l {
    padding-top:2em;
    padding-left:2em;
}

.divisions-cards-cont{
    width: calc(100vw* 50 - 7.5em);;
    padding-left:0.0em;
    margin-left: 1em;
    margin-right: 0em;
    min-height: 16em;
}

.divisions-cards{
    scroll-behavior: smooth;
}
  
.scroll-buttons{
  margin-top: 1em;
  margin-left: 1em;
}

.scroll-arrow{
  display: inline-block;
  cursor: pointer;
}
  
.scroll-buttons-sep{
  display: inline-block;
  width: calc(100vw - 4em);
}
  
.division-card{
    width: calc(100vw - 2em);
    margin-bottom: 1em;
    overflow:hidden;
}

.control.has-icons-right .icon {
  top: 0px;
}
  
.youth-cont .title.is-1 {
    font-size: 2.5rem;
};
  
  
}

@media screen and (max-width: 1100px) and (orientation: landscape) {

.inparty-cards-cont {
  margin-left: 2.5em;
}

.divisions-cards-cont{
    width: calc(100vw* 50 - 7.5em);;
    padding-left:0.0em;
    margin-left: 1em;
    margin-right: 0em;
    min-height: 16em;
}

.inparty-cards {
  max-width: calc(var(--container-max-width)/4 - 0.5em);
}
  
.inparty-cards-cont {
  width: calc((var(--container-max-width)/2 + 1em) * 1.5);
}
  
.values-card .content h3 {
    font-size: 1.5em;
    min-height: 3.3em;
}

}

@media (any-pointer: coarse) and (orientation: landscape) {
.youth-image {
    width: 30%;
}
}