/* content layout types */

.section {
    width: 100%;
    /*padding: 0.3em;*/
    display: inline-block;
    /*margin-bottom: 0.75em;*/
}

/*.captionTitle {
    display: block;
    font-weight: bold;
    margin:0.5em 0em;
}

.caption{
    float: left;
    display: inline-block;

    font-weight: normal;  
}*/

.text {
    display:inline-block;
    padding: 2em; /*1em 2em;*/
    text-align: left;
    font-size: 1.5em;
    line-height: 1.6em;
    color: #525d5a;
}

.image{
    position:relative;
    background-clip: padding-box;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(250, 248, 245, 1);
    width:100%;
    height: 600px;
    display:inline-block;
    /*border: 0.3em solid transparent;*/
    /*overflow: hidden;*/  
    padding: 0em 1.5em;
    background-clip: content-box;  
}

.image.floatLeft{
    padding:0em 1.5em 1.5em 0em;
}
.image.floatRight{
    padding:0em 0em 1.5em 1.5em;
}
.image.floatLeftCol{
    padding:1.5em 0em 0em 1.5em;
}
.image.floatRightCol{
    padding:1.5em 1.5em 0em 0em;
}
.image.fullWidth{
    padding:0em;
}

.oneThirdWidth{
    width:33.333%;
}
.twoThirdWidth{
    width:66.666%;
}
.halfWidth{
    width:50%;
}
.quarterWidth{
    width:25%;
}
.fullWidth{
    width:100%;
}

.tall{
    height:900px;
}
.med{
    height:600px;
}
.short{
    height:450px;
}
.little{
    height:300px;    
}
.mini{
    height:225px;
}
.tiny{
    height:112px;
}

/* content layout types */