<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="a1 style1"><a href="/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="Logo"><g data-tag="img" id="Logo" data-z-index="auto" data-stacking-context="true" role="img" aria-label="First Founders Insurance Logo" mask="url(#mask-for-Logo1)"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="144.34375" height="80" x="124.328125" y="-5" fill="rgb(255, 255, 255)" rx="10" ry="10"/></g><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-Logo1"><rect width="144.34375" height="80" x="124.328125" y="-5" fill="#ffffff"/></mask><image id="Logo-image" xlink:href="/3a4e63a7.png" x="134.328125" y="5" width="124.34375" height="60" aria-label="First Founders Insurance Logo"/></g></a><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="a1 style1"><a href="/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="Logo"><g data-tag="img" id="Logo" data-z-index="auto" data-stacking-context="true" role="img" aria-label="First Founders Insurance Logo" mask="url(#mask-for-Logo1)"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="220" height="116.5" x="10" y="-56" fill="rgb(255, 255, 255)" rx="10" ry="10"/></g><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-Logo1"><rect width="220" height="116.5" x="10" y="-56" fill="#ffffff"/></mask><image id="Logo-image" xlink:href="/3a4e63a7.png" x="20" y="-46" width="200" height="96.5" aria-label="First Founders Insurance Logo"/></g></a><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="a1 style1"><a href="/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="Logo"><g data-tag="img" id="Logo" data-z-index="auto" data-stacking-context="true" role="img" aria-label="First Founders Insurance Logo" mask="url(#mask-for-Logo1)"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="200" height="106.84375" x="-10" y="-32" fill="rgb(255, 255, 255)" rx="10" ry="10"/></g><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-Logo1"><rect width="200" height="106.84375" x="-10" y="-32" fill="#ffffff"/></mask><image id="Logo-image" xlink:href="/3a4e63a7.png" x="0" y="-22" width="180" height="86.84375" aria-label="First Founders Insurance Logo"/></g></a><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><a href="/"><img alt="First Founders Insurance Logo" id="Logo" src="http://localhost:3000/3a4e63a7.png"></a></body>

<style>

@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhKg.ttf) format('truetype');
}


@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5Vvl4jO.ttf) format('truetype');
}




@keyframes CSSRotatorCaptionAnimation {
    0% { transform: translateY(150px) rotateY(50deg); opacity: 0; }
    100% { transform: translateY(0deg) rotateY(0deg); opacity: 1; }
}

@keyframes CSSRotatorCaptionAnimationReverse {
    0% { transform: translateY(0deg) rotateY(0deg); opacity: 1; }
    100% { transform: translateY(150px) rotateY(100deg); opacity: 0; }
}


@keyframes ctxRotatorFade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes ctxRotatorSlideLeft {
    0% { transform: translateX(-100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes ctxRotatorSlideRight {
    0% { transform: translateX(100%); opacity: 0; ; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes ctxRotatorSlideTop {
    0% { transform: translateY(-100%); opacity: 0;}
    100% { transform: translateY(0); opacity: 1; bottom: 0; }
}

@keyframes ctxRotatorShrinkIn 
{
    0% { transform: scale(1.2); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes shareAni {
    0% { margin: 0; width: 32px }
    100% { margin: -5px; width: 42px }
}

@keyframes EntityListView {

    0% { box-shadow: 0 14px 21px 7px rgba(237,237,237,1); transform: translateY(-3px); }
    100% { box-shadow: none; transform: translateY(0); }
}

@keyframes EntityListViewHover {
    0% { box-shadow: none; transform: translateY(0); }
    100% { box-shadow: 0 14px 21px 7px rgba(237,237,237,1); transform: translateY(-3px); }
}

@keyframes contactAni {
    0% { margin: 0; width: 32px }
    100% { margin: -5px; width: 42px }
}
img:not([alt]) { outline: 2px solid red; }

::placeholder { color: #d8d8d8; font-style: italic; }
* { box-sizing: border-box; }

a { color: #0d20f8; font-family: inherit; }
    a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }

::selection { background-color: #003399; color: #fff; }

body { text-align: center; scrollbar-base-color: rgb(0, 174, 239); vertical-align: baseline; font-style: inherit; outline: 0; font-family: 'Fira Sans Condensed', sans-serif; color: #565555; scrollbar-track-color: #4D4D4D; margin: 0; padding: 0; font-size: 16px; }


@keyframes menuAni {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes mMenuAnimation {
    0% { opacity: 0; max-height: 1px; }
    100% { opacity: 1; max-height: 500px; }
}

@keyframes linkAni {
    0% { color: #fff; background-color: #fff; }
    20% { color: #fff; background-color: #003399; }
    100% { color: #fff; background-color: #4D4D4D; }
}

@keyframes panelAni {
    0% { bottom: -80px; opacity: 0; }
    100% { bottom:0; opacity: 1; }
}

@keyframes notice {
    0% { opacity: 0; }
    20% { opacity: 1; }
    70% { opacity: 1; }
    100% { opacity: 1; }
}


#Logo { position: absolute; left: -10px; top: -32px; width: 200px; background-color: #fff; border-radius: 10px; padding: 10px; height: auto; }

@keyframes caption {
    0% { zoom: 0; margin-top: 500px; margin-left: 600px; opacity: 0; }
    100% { zoom: 1; margin-top: 0; margin-left:0; opacity: 1; }
}

@keyframes FFCSSRotatorCaptionAnimation {
    0% { transform: translate(250px) rotateY(50deg); opacity: 0; }
    100% { transform: translate(0deg) rotateY(0deg); opacity: 1; }
}

@keyframes FFCSSRotatorCaptionAnimationReverse {
    0% { transform: translate(0deg) rotateY(0deg); opacity: 1; }
    100% { transform: translate(250px) rotateY(100deg); opacity: 0; }
}


@keyframes register {
    0% { bottom: -40px; }
    100% { bottom:0; }
}


@media only screen and (max-width: 1200px) {

    #Logo { left: 10px; }
}

@media only screen and (max-width: 1050px) {
    #Logo { width: 220px; top: -56px; }
}


@media only screen and (max-width: 650px) {

    #Logo { position: relative; height: 80px; width: auto; top: -5px; left: auto; }
}

@media only screen and (max-width: 400px) {
    #Logo { top: -5px; }
}


</style>