/*
    Created on : 28-Jul-2018, 20:49:05
    Author     : Garry Childs (info@freedomwebservices.net)
*/
@media all and (min-width: 768px), screen {
    section.project-container {
        border: 1px solid #CCCCCC;
    }
    .image_border {
        -moz-border-radius: 4px 4px 4px 4px;
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        margin: 0 5px;
        padding: 2px;
    }
    
    small.swipe-title {
        display: none;
        text-align: center;
    }

    .flowthumbs {
        text-align: center;
        display: none;
    }

    .flowthumbs img.current {
        background-color: #F18200;
    }

    .flowpanes {
        position: relative;
        overflow: hidden;
        clear: both;
        margin: 0 auto;
        padding: 0;
        border: 3px solid #FFFFFF;
    }

    .flowpanes.landscape {
        width: 400px;
        height: 300px;
    }

    .flowpanes.portrait {
        width: 300px;
        height: 400px;
    }
    .flowpanes img {
        width: 100%;
        height: 100%;
    }

    .flowpanes div {
        float: left;
        width: 100%;
        height: 100%;
    }

    .flowpanes .items {
        width: 20000em;
        position: absolute;
        clear: both;
        margin: 0;
        padding: 0;
    }

    .flowpanes .less,
    .flowpanes .less a {
        color: #999 !important;
        font-size: 11px;
    }
    body main p {
        font-size: 1.5rem;
        text-align: left;
    }
    body main p::first-letter {
        font-size: 2.5rem;
    }
}

@media all and (max-width: 640px) {
    .flowpanes {
        width: auto;
        overflow: hidden;
    }
    section.project-container {
        margin: 0;
        padding: 0;
        width: auto;
    }
}