.width-container {display:flex;}

.spacer {
    padding:10px;
}
.clear {clear:both;}

.width-75 {display:block;float:left;width:75%;  text-align: center;}
.width-50 {display:block;float:left;width:50%;  text-align: center;}
.width-33 {display:block;float:left;width:33%;  text-align: center;}
.width-25 {display:block;float:left;width:25%;  text-align: center;}

.width-80 {display:block;float:left;width:80%;  text-align: center;}
.width-20 {display:block;float:left;width:20%;  text-align: center;}


.OR-Text {
    font-size: 50px;
    font-family:"Times New Roman", Times, serif;
    font-style:oblique;
    color:#707070;
    z-index: 3;
    text-shadow: 2px 2px #FFFF00;

    vertical-align: middle;
    text-align: center;
}

.imgHdrleft {
    height:80px;
    width:80px;
    z-index: 1;
}


/* ipad 768px */
@media only screen and (min-width:770) and (max-width:1024px){
    .OR-Text {
        font-size: 42px;
    }
    .imgHdrleft {
         height:60px;
         width:60px;
    }
}


/* ipad 768px */
@media only screen and (min-width:600) and (max-width:770px){
    .OR-Text {
        font-size: 36px;
    }
    .imgHdrleft {
         height:50px;
         width:50px;
    }
}

/* ipad 768px */
@media only screen and (min-width:400px) and (max-width:600px){
    .OR-Text {
        font-size: 28px;
    }
    .imgHdrleft {
         height:40px;
         width:40px;
    }
}

/* iphone 468px */
@media only screen and (min-width:270px) and (max-width:400px){
    .OR-Text {
        font-size: 20px;
    }
    .imgHdrleft {
         height:30px;
         width:30px;
    }
}