.TitleBlock .OuterWrapper {
    width: 100%;
    background-color: #1D9AD6;
    position: relative;
    overflow: hidden;
    height: 300px;
}
.TitleBlock img {
    position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
}
.TitleBlock .Wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0 20em 0 3em;
}
.TitleBlock h1 {
    font-family: convergeFont-LatoMedium;
    font-size: 3em;
    color: white;
    margin-bottom: 1em;
    word-wrap:break-word;
}
.TitleBlock p {
    font-family: convergeFont-LatoLight;
    font-size: 2em;
    color: white;
    word-wrap:break-word;
}

.TitleBlock[max-width~="319px"] img,
.TitleBlock[min-height~="301px"] img
{ display: none; }

.TitleBlock[max-width~="319px"] h1,
.TitleBlock[min-height~="301px"] h1
{ text-align: center; }

.TitleBlock[max-width~="319px"] p,
.TitleBlock[min-height~="301px"] p
{ text-align: center; }


.TitleBlock .SizeNone[max-width~="1118px"],
.TitleBlock .Size2[max-width~="548px"],
.TitleBlock .Size3[max-width~="358px"],
.TitleBlock .Size4[max-width~="263px"],
.TitleBlock .Size5[max-width~="206px"],
.TitleBlock .SizeMedium[max-width~="718px"]
{ height: initial; }


.TitleBlock .SizeNone[max-width~="1118px"] .Wrapper,
.TitleBlock .Size2[max-width~="548px"] .Wrapper,
.TitleBlock .Size3[max-width~="358px"] .Wrapper,
.TitleBlock .Size4[max-width~="263px"] .Wrapper,
.TitleBlock .Size5[max-width~="206px"] .Wrapper,
.TitleBlock .SizeMedium[max-width~="718px"] .Wrapper
{ top: initial; transform: translateY(0); padding: 3em; }