@media screen and (min-width: 768px) {
.FloatLeft30Percent{
 float: left; margin-right: 2em; margin-bottom: 2em; max-width: 30%; height: auto;
}

.FloatLeft70Percent{
 float: left; margin-right: 2em; margin-bottom: 2em; max-width: 70%; height: auto;
}

.Left50Percent{
clear: all; margin-right: auto; margin-bottom: 2em; max-width: 50%; height: auto;
}

.Center80Percent{
clear: all; display: block; margin: 1em; margin-left: auto; margin-right: auto; width: 80%; height: auto;
}

.FloatRight50Percent{
clear: all; float: right; margin-left: 2em; margin-bottom: 2em; max-width: 50%; height: auto;
}

}

@media screen and (max-width: 767px) {
.FloatLeft30Percent{
clear: all; display: block; margin-top: 2em; margin-bottom: 2em; width: 100%; height: auto;
}

.FloatLeft70Percent{
clear: all; display: block; margin-top: 2em; margin-bottom: 2em; width: 100%; height: auto;
}

.Left50Percent{
clear: all; display: block; margin-top: 2em; margin-bottom: 2em; width: 100%; height: auto;
}

.Center80Percent{
clear: all; display: block; margin-top: 1em; margin-bottom: 1em; width: 100%; height: auto;
}

.FloatRight50Percent{
clear: all; display: block; margin-top: 2em; margin-bottom: 2em; width: 100%; height: auto;
}

}