/**
 * @file
 * Styling for the ds-2colAA template.
 */

/*==============================================================================SMALL*/
@media all and (max-width: 559px){
    .ds-2colAA > .group-leftAA {float: left;/*width: 25%*/}
    .ds-2colAA > .group-rightAA {float: left;/* width: 60%;*/}
    .group-leftAA, .group-rightAA{margin:1em 0 1em 0;padding:0 1em 0 1em;}

}
/*==============================================================================MID*/
@media all and (min-width: 560px) and (max-width: 850px){
    .ds-2colAA > .group-leftAA {float: left;width: 25%}
    .ds-2colAA > .group-rightAA {float: left; width: 60%;}
    .group-leftAA, .group-rightAA{margin:1em 0 1em 0;padding:0 1em 0 1em;}
}
/*==============================================================================BIG*/
@media all and (min-width: 851px) {
    .ds-2colAA > .group-leftAA {float: left;width: 25%}
    .ds-2colAA > .group-rightAA {float: left; width: 60%;}
    .group-leftAA, .group-rightAA{margin:1em 0 1em 0;padding:0 1em 0 1em;}
}