{# filepath: resources/views/sizes.twig #}
.news article img
{
    width: {{ sizes.news.thumb.width }}px !important;
    height: auto!important;
    {# height: {{ sizes.news.thumb.height }}px !important; #}
}
.news article img.youtube_video
{
    width: {{ sizes.news.thumb.width }}px !important;
    height: {{ sizes.news.thumb.height }}px !important;
}
#lightbox_slider.news img
{
    width: {{ sizes.news.full.width }}px !important;
    height: {{ sizes.news.full.height }}px !important;
}

#team article img
{
    width: {{ sizes.team.full.width }}px !important;
}

#portfolio article img
{
    width: {{ sizes.portfolio.thumb.width }}px !important;
}
#portfolio article img.youtube_video
{
    height: {{ sizes.portfolio.thumb.height }}px !important;
}
#lightbox_slider.portfolio img
{
    width: {{ sizes.portfolio.full.width }}px !important;
}

#home .carousel img
{
    width: {{ sizes.slideshow.full.width > 960 ? 960 : sizes.slideshow.full.width }}px !important;
}
#home .carousel iframe, #home .carousel img.youtube_video
{
    width: {{ sizes.slideshow.full.width > 960 ? 960 : sizes.slideshow.full.width }}px !important;
    height: {{ sizes.slideshow.full.width > 960
        ? (sizes.slideshow.full.height * 960) / sizes.slideshow.full.width
        : sizes.slideshow.full.height }}px !important;
}
#myCarousel
{
    max-width: {{ sizes.slideshow.full.width > 960 ? 960 : sizes.slideshow.full.width }}px !important;
}

@media only screen and (min-width: 768px) and (max-width: 959px), only screen and (min-device-width: 768px) and (max-device-width: 959px)
{
    #portfolio article img
    {
        width: {{ sizes.portfolio.full.width / 1.1278195488721804511278195488722 }}px !important;
    }

    .news article img:first-child
    {
        width: {{ sizes.news.thumb.width > 354 ? 354 : sizes.news.thumb.width }}px !important;
    }
    
    #home .carousel img
    {
        width: {{ sizes.slideshow.full.width > 748 ? 748 : sizes.slideshow.full.width }}px !important;
    }
    #home .carousel iframe, #home .carousel img.youtube_video
    {
        width: {{ sizes.slideshow.full.width > 748 ? 748 : sizes.slideshow.full.width }}px !important;
        height: {{ (sizes.slideshow.full.height * (sizes.slideshow.full.width > 748 ? 748 : sizes.slideshow.full.width)) / sizes.slideshow.full.width }}px !important;
    }
    
    #lightbox_slider.news img
    {
        width: {{ sizes.news.full.width > 793 ? 793 : sizes.news.full.width }}px !important;
        height: {{ (sizes.news.full.height * (sizes.news.full.width > 793 ? 793 : sizes.news.full.width)) / sizes.news.full.width }}px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
    .news article img
    {
        width: {{ sizes.news.thumb.width > 440 ? 440 : sizes.news.thumb.width }}px !important;
    }
    
    #home .carousel img
    {
        width: {{ sizes.slideshow.full.width > 460 ? 460 : sizes.slideshow.full.width }}px !important;
    }
    #home .carousel iframe, #home .carousel img.youtube_video
    {
        width: {{ sizes.slideshow.full.width > 460 ? 460 : sizes.slideshow.full.width }}px !important;
        height: {{ (sizes.slideshow.full.height * (sizes.slideshow.full.width > 440 ? 440 : sizes.slideshow.full.width)) / sizes.slideshow.full.width }}px !important;
    }

    #slider
    {
        max-width: {{ sizes.slideshow.full.width > 460 ? 460 : sizes.slideshow.full.width }}px !important;
    }
    
    #lightbox_slider.news img
    {
        width: {{ sizes.news.full.width > 599 ? 599 : sizes.news.full.width }}px !important;
        height: {{ (sizes.news.full.height * (sizes.news.full.width > 599 ? 599 : sizes.news.full.width)) / sizes.news.full.width }}px !important;
    }
    
    #portfolio .embeddedvideo {
        width: {{ sizes.portfolio.thumb.width }}px !important;
        height: {{ sizes.portfolio.thumb.height }}px !important;
        margin: 0px auto 10px;
        padding: 0px;
    }

}

@media only screen and (max-width: 479px)
{
    #portfolio article img
    {
        width: {{ sizes.portfolio.thumb.width / 1.1278195488721804511278195488722 }}px !important;
    }
    {# 
    #portfolio article img.youtube_video
    {
        height: {{ sizes.portfolio.thumb.height / 1.1278195488721804511278195488722 }}px !important;
    }
    #}

    .news article img:first-child
    {
        width: {{ sizes.news.thumb.width > 280 ? 280 : sizes.news.thumb.width }}px !important;
    }
    
    .news article img.youtube_video
    {
        height: {{ (sizes.news.thumb.height * (sizes.news.thumb.width > 280 ? 280 : sizes.news.thumb.width)) / sizes.news.thumb.width }}px !important;
    }
    
    #home .carousel img
    {
        width: {{ sizes.slideshow.full.width > 300 ? 300 : sizes.slideshow.full.width }}px !important;
    }
    #home .carousel iframe, #home .carousel img.youtube_video
    {
        width: {{ sizes.slideshow.full.width > 300 ? 300 : sizes.slideshow.full.width }}px !important;
        height: {{ (sizes.slideshow.full.height * (sizes.slideshow.full.width > 300 ? 300 : sizes.slideshow.full.width)) / sizes.slideshow.full.width }}px !important;
    }

    #home .carousel
    {
        max-width: {{ sizes.slideshow.full.width > 300 ? 300 : sizes.slideshow.full.width }}px !important;
    }
    
    #lightbox_slider.news img
    {
        width: {{ sizes.news.full.width > 329 ? 329 : sizes.news.full.width }}px !important;
        height: {{ (sizes.news.full.height * (sizes.news.full.width > 329 ? 329 : sizes.news.full.width)) / sizes.news.full.width }}px !important;
    }
}