﻿.div-outer-wrapper-so{
    font-size:12px;
    margin:0 0 10px 0;
    background-color:#33acf2;
    
}
.div-outer-wrapper-so h1{
    font-size:2em;
}
.div-header-image-so{
    text-align:center;
    margin:0 auto 0;
    max-width:350px;
    cursor:pointer;
    /*width:200px;*/
    /*border:solid 2px green;*/
}
.div-header-image-so img{
    width:100%;
}
.div-image-so{
    max-width:400px;
}
.div-header-title-so{
    text-align:center;
    margin:10px auto 0;
    max-width:350px;
    font-size:1.6em;
    background-color:antiquewhite;
    padding-top:10px;

}
.div-text-so{
    margin:0 auto 0;
    max-width:350px;
    background-color:antiquewhite;
    padding:10px;
}
.div-image-zoom-collection-so{

}
.page-ab {
    width: 100%;
    min-height: 600px;
    background-size: 40%;
    /*position:absolute;*/
    left:2px;
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*background-repeat: repeat-y;*/
    /*background-position:inherit;*/
    background-attachment: fixed;
}
.page-soart, .page-soart-0, .page-soart-1, .page-soart-2, .page-soart-3, .page-soart-4{
    width:100%; 
    min-height:500px; 
    background-size:100%; 
    background-repeat:repeat-y;
    background-attachment:fixed; 
    /*margin:0 0 0 20px;*/ 
    /*padding: 20px 0 20px 0;*/
}
.page-soart-0 {
    background-image: url('/App_Themes/Image/imageSO4_1200px.jpg');
}
.page-soart-1 {
    background-image: url('/App_Themes/Image/imageSO1_1200px.jpg');
}
.page-soart-2 {
    background-image: url('/App_Themes/Image/imageSO2_1200px.jpg');
}
.page-soart-3 {
    background-image: url('/App_Themes/Image/imageSO3_1200px.jpg');
}
.page-soart-4 {
    background-image: url('/App_Themes/Image/imageSO4_1200px.jpg');
}

@media (min-width: 300px) and (max-width: 768px) {
    .div-header-image-so {
        max-width: 300px;
        /*border:solid 2px blue;*/
    }
    .div-header-title-so {
        max-width: 300px;
        font-size: 0.8em;
    }
    .div-image-so {
        max-width: 300px;
    } 
    .page-soart,
    .page-soart-0,
    .page-soart-1,
    .page-soart-2,
    .page-soart-3,
    .page-soart-4 {
        /*margin:0;
        padding:10px;
        left:10px;*/
    }
}

@media (min-width: 800px) and (max-width: 1000px) {
    .page-soart-0 {
        background-image: url('/App_Themes/Image/imageSO4_1000px.jpg');
    }
    .page-soart-1 {
        background-image: url('/App_Themes/Image/imageSO1_1000px.jpg');
    }
    .page-soart-2 {
        background-image: url('/App_Themes/Image/imageSO2_1000px.jpg');
    }
    .page-soart-3 {
        background-image: url('/App_Themes/Image/imageSO3_1000px.jpg');
    }
    .page-soart-4 {
        background-image: url('/App_Themes/Image/imageSO4_1000px.jpg');
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .page-soart-0 {
        background-image: url('/App_Themes/Image/imageSO4_800px.jpg');
    }
    .page-soart-1 {
        background-image: url('/App_Themes/Image/imageSO1_800px.jpg');
    }
    .page-soart-2 {
        background-image: url('/App_Themes/Image/imageSO2_800px.jpg');
    }
    .page-soart-3 {
        background-image: url('/App_Themes/Image/imageSO3_800px.jpg');
    }
    .page-soart-4 {
        background-image: url('/App_Themes/Image/imageSO4_800px.jpg');
    }
}


@media (min-width: 400px) and (max-width: 600px) {
    .page-soart-0 {
        background-image: url('/App_Themes/Image/imageSO4_600px.jpg');
    }
    .page-soart-1 {
        background-image: url('/App_Themes/Image/imageSO1_600px.jpg');
    }
    .page-soart-2 {
        background-image: url('/App_Themes/Image/imageSO2_600px.jpg');
    }
    .page-soart-3 {
        background-image: url('/App_Themes/Image/imageSO3_600px.jpg');
    }
    .page-soart-4 {
        background-image: url('/App_Themes/Image/imageSO4_600px.jpg');
    }
}

@media (min-width: 300px) and (max-width: 400px) {
    .page-soart-0 {
        background-image: url('/App_Themes/Image/imageSO4_400px.jpg');
    }
    .page-soart-1 {
        background-image: url('/App_Themes/Image/imageSO1_400px.jpg');
    }
    .page-soart-2 {
        background-image: url('/App_Themes/Image/imageSO2_400px.jpg');
    }
    .page-soart-3 {
        background-image: url('/App_Themes/Image/imageSO3_400px.jpg');
    }
    .page-soart-4 {
        background-image: url('/App_Themes/Image/imageSO4_400px.jpg');
    }
}
