.fancybox-slide > *{
  margin: auto;
  position: initial;
}

.propaganda-drawer-container {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: stretch;
  flex-wrap: wrap;
  color: pink;
}
.propaganda-drawer-container > .propaganda-drawer-item {
    list-style: none;
    margin: 10px;
    padding: 0;
    flex-grow: 1;
}
.propaganda-drawer-item-header {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1em;
    text-align: center;
    
}
.propaganda-drawer-item > div {
    height: 100%;  
}

.propaganda-drawer-item > div > a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 22px;
}
.multi-box-drawers > div {
    height: inherit;
}
.propaganda-drawer-item > div + div {
    margin-top: 22px;
}
.item-blue-bg {
    background-color: #89B5D8;
}
.item-lime-bg {
    background-color: #4f8785;
}
.item-orange-bg {
    background-color:  #4f8785;
}
.item-pink-bg {
    background-color: #7f628f;
}
.item-green-bg {
    background-color: #ed6e01;
}
.item-black-bg {
    background-color: #ed6f01;
}
.item-purple-bg {
    background-color: #cdd527;
}
.item-turquoise-bg {
    background-color: rgba(80,136,134,1);
}
.propaganda-drawer-content img {
  width: 100%;
  pointer-events: none;
}
.propaganda-drawer-content h1 {
    color: #fff;
    
}
.propaganda-drawer-content h3{
    margin-top: -11px;
}

@media only screen and (min-width: 600px) {
 
    /* For bigger screens asymmetric style */
    .margin-top {
        margin-top: 22px;
    }
    .margin-left {
        margin-left: 22px;
    }
    .margin-bottom {
        margin-bottom: 22px;
    }
    .margin-right {
        margin-right: 22px;
    }
}

/*
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
        .content1 {
            margin-left: -4%;
            margin-top: -10%;
        }
        .content2 {
            margin-left: -5%;
            margin-top: -10%;
        }
       
        .content3 {
            margin-left: -8%;
            margin-top: -44%;
        }
        .content4 {
            margin-top: -44%;
            margin-left: -8%;
        }
        
    }
       

@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {

    .content1 {
        margin-left: -4%;
        margin-top: -37%;
    }
    .content2 {
        margin-left: -3%;
        margin-top: -10%;
    }
   
    .content3 {
        margin-left: -2%;
        margin-top: -65%;
    }
    .content4 {
        margin-left: -2%;
        margin-top: -65%;
    }
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
      .content1 {
    margin-left: -54%;
    margin-top: -11%;
}
.content2 {
    margin-left: -54%;
    margin-top: -12%;
}

.content3 {
    margin-left: -54%;
    margin-top: -25%;
}
.content4 {
    margin-left: -54%;
    margin-top: -25%;
}

}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
{
        .content1 {
            margin-left: -7%;
            margin-top: 1%;
        }
        .content2 {
            margin-left: -6%;
            margin-top: 1%;
        }
       
        .content3 {
            margin-left: -8%;
            margin-top: -4%;
        }
        .content4 {
            margin-left: -8%;
            margin-top: -4%;
        }     
}*/