/*Large flex layout*/
.flexContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.flexBefore {
    order: 1;
    width: 300px;
    margin: 10px;    
}

.flexMain {
    order: 2;
    flex-grow: 1;
    margin: 0px 10px;    
}

.flexAfter {
    order: 3;
    width: 300px;
    margin: 10px;
}

.flexAd1 {
    width: 300px;
    height: 600px;  
    max-width:728px;  
    margin:0px auto;    
}

.flexAd1 iframe {
    width: 300px!important;
    height: 600px!important;  
    position:fixed;
}

.flexAd2 {
    width: 300px;
    height: 250px;
    margin: 0px auto;
    margin-bottom: 10px;    
    max-width:728px;
}

.flexAd3 {
    width: 300px;
    height: 250px;
    max-width:728px;
    margin: 0px auto;
}

.flexAd4 {
    width: 100%;
    max-width:728px;
    height: 90px;
    margin:10px auto;
}

.flexAd5 {
    width: 100%;
    max-width:728px;
    height: 90px;
    margin:10px auto;
}

@media ( min-height: 900px ) {

    .flexAd2 iframe {
        width: 300px!important;
        height: 250px!important;  
        position:fixed;
    }

    .flexAd3 iframe {
        width: 300px!important;
        height: 250px!important;  
        position:fixed;
    }

}

/*Medium flex layout*/
@media ( max-width: 1440px ) {
    .flexBefore {
        width: 160px;        
    }

    .flexAfter {
        width: 160px;        
    }

    .flexAd1 {
        width: 160px;        
    }

    .flexAd1 iframe {
        width: 160px!important;
        height: 600px!important;  
        position:fixed;
    }

    .flexAd2 {
        width: 160px; 
        height: 600px;
    }

    .flexAd2 iframe {
        width: 100%!important;
        height: 100%!important;  
        position:unset;
    }

    .flexAd3 {
        width: 160px;        
        height: 600px;
    }    

    .flexAd3 iframe {
        width: 100%!important;
        height: 100%!important;  
        position:unset;
    }

}

/*Small flex layout*/
@media ( max-width: 1024px ) {
    .flexContainer {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
    }

    .flexBefore {
        width: 100%;
        height:90px;
        margin: 5px 0px;
    }

    .flexMain {
        width: 100%;
        margin: 0px 0px;
    }

    .flexAfter {
        width: 100%;
        margin: 5px 0px;
    }

    .flexAd1 {
        width: 100%;
        height: 90px;        
    }

    .flexAd1 iframe {
        width: 100%!important;
        height: 90px!important;  
        position:unset;
    }

    .flexAd2 {
        width: 100%;
        height: 90px;
        margin-bottom: 5px;
    }

    .flexAd3 {
        width: 100%;
        height: 90px;
        margin-bottom:5px;
    }

    .flexAd4 {
        width: 100%;
        height: 90px;
        margin:0px auto;
    }

    .flexAd5 {
        width: 100%;
        height: 90px;
        margin:0px auto;
    }
}
   
/*Extra small flex layout*/
@media ( max-width: 728px ) {
    .flexBefore {
        height:60px;        
    }

    .flexAd1 {
        height: 60px;        
    }

    .flexAd1 iframe {
        height: 60px!important;          
    }

    .flexAd2 {
        height: 60px;        
    }

    .flexAd3 {
        height: 60px;        
    }

    .flexAd4 {
        height: 60px;        
    }

    .flexAd5 {
        height: 60px;        
    }
}

.linkDetails
{
    color:white;
    background-color:#934A21;
    padding:10px;
    max-width:620px;
    margin: 0px auto;    
    margin-bottom:20px;
}