﻿#contenthome h1.homeHeading
{
    font-size:4.2rem;
    margin-bottom: 0.25em;
    width: 200%;
}
#contenthome .homeSubHeading {
    width: 200%;
}

#contenthome {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}
.col.background {
    background-image:url('/Content/images/DomainDrive/home-image.jpg');
	background-repeat: no-repeat;
    background-position-y: -50px;
	background-size: cover;
    margin-bottom: -85px;
    margin-top: -50px;
    z-index: -1;
}
.col.left {
    z-index: 1;
}
#contenthome .button input {
    width: 100%;
    min-width: 8em;
}
p.clear
{
    clear:both;
    color:#2f637e;
}
#contenthome h2.intro {
	font-size:1.7em;
	font-family:"Humanist777BT-LightB", Arial, Verdana;
	margin-bottom:0.35em;
	color:#666;
	font-weight:bold;
    padding-bottom: 1.5384615384615384615384615384615em;
    padding-top: 0;
    padding-left: 0;  
}
#contenthome .col p.h2-style {
    font-weight: normal;
    font-family: "Humanist777BT-LightB", Arial, Verdana;
    color: #2f637e;
    margin-bottom: 1em;
    padding-left: 0.2em;
    padding-top: 0.3em;
}
.faa, .hairline {
	width:100%;
	float:left;
	
}
.hairline
{
    margin-bottom:2em;
}
.faa {
	margin-bottom: 3em;
    margin-top: 1em;
}
.faa .zipCode, .faa .product, .faa .button {
	float:left;
	margin-right:1.6rem;
}

.faa .zipCode {
	width:20%;
}
.faa .product {
	width:33%;
}
.faa .button {
	font-size:1.8em;
    margin-bottom: 5px;
    margin-right: 0;
	width:37%;
}
.agent {
	max-width:449px;
	width:100%;
	float:left;
	margin-left:-2em;
	margin-top:-5em;
}
.agent img {
	width:100%;
}
.hairline img {
	width:100%;
}

#contenthome .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#contenthome .claims {
	padding-left: 5em;
   
}
#contenthome .policy .button {
	font-size:1.8em;
	width:93%;
	margin-bottom:1.277777777777778em;/*23/18*/
}
#contenthome .policy .button .lock {
	margin-left:0.3em;
	vertical-align:text-top;
	margin-top:0.1em;
}
#contenthome .policy .button .lock.blue {
	display:none;
}
#contenthome .policy .payment, #contenthome .policy .register {
	font-size:1.6rem;
	background:url('/content/images/DomainDrive/caret.png') no-repeat 0 50%;
	padding-left:1em;
	display:block;
	font-family:"Humanist777BT-BoldB", Arial, Verdana;
	margin-bottom:0.8em;
}
#contenthome .policy .payment
{
    background-position:0 25%;
}
#contenthome .claims .claimsLink {
	background:url('/content/images/DomainDrive/caret.png') no-repeat 0 50%;
	padding-left:1em;
	display:block;
	margin-bottom: 0.8em;
	font-family: "Humanist777BT-BoldB", Arial, Verdana;
	font-size:1.6rem;
}
#contenthome .policy .payment .payLogin {
    color: #666;
    font-size: 0.875em;
    white-space: nowrap;
}
#contenthome .policy h2#titleOLS, #contenthome .claims h2 {
	font-size:2.8em;
	font-family:"Humanist777BT-LightB", Arial, Verdana;
	color:#405e7c;
	margin-bottom: 0.52em;
    padding-left: 0;
    padding-top: 0.28em;
}
#contenthome .claims h2
{
    margin-bottom:0.30em;
}
#contenthome .claims p {
	font-family:"Humanist777BT-RomanB", Arial, Verdana;
	font-size:1.6rem;
	color:#575757;
	margin-bottom:0;
	padding-bottom: 1.2em;
}
#contenthome .claims a {
	font-family:"Humanist777BT-RomanB", Arial, Verdana;
	font-size:1.6rem;
}
.noWrap
{
    white-space:nowrap;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
       

/****************************************************************************************************1024px**********************************/
@media screen and (max-width: 1024px) {
    #contenthome .policy .button .lock {
        width: 10px;
        height: 13px;
     }  
}

/****************************************************************************************************970px**********************************/
@media screen and (max-width: 970px) {
.col.policy {
    background-image: url(/Content/images/DomainDrive/faded-hairline.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    flex: none;
    padding-bottom: 2em;
    margin-bottom: 2em;
    width: 100%;
}
  #contenthome .col.claims {
      padding-left: 0;
  }
  #contenthome h2.intro, .faa {
      width: 130%;
  }
  #contenthome .policy .button {
      width: 75%;
  }
  #contenthome .row {
      display: block;
      flex: none;
  }
}

/****************************************************************************************************780px**********************************/
@media screen and (max-width: 780px) {
    #contenthome h1.homeHeading, #contenthome .homeSubHeading, #content h2.intro {
        width: auto;
    }
    #contenthome .policy .button {
        width: 50%;
    }
    .col.background {
       display: none;
    }
    .faa {
        width: 100%;
    }

}

/****************************************************************************************************570px**********************************/
@media screen and (max-width: 570px) {
    #contenthome h2.intro {
        margin-bottom: 0;
        padding-bottom: 1.5em;
    }
    #contenthome .row, .col, .col.policy, .findAgentForm {
        display: block;
        flex: none;
    }
    .col {
        display: block;
        flex: none;
        width: 100%;
    }
    .faa {
        margin-top: 0;
    }
    .faa .zipCode, .faa .product, .faa .button {
        float: none;
        margin: 0;
        width: 100%;
    }
    .faa .button, .faa .product {
        margin-top: 2em;
    }
}

/****************************************************************************************************400px**********************************/
@media screen and (max-width: 400px) {
    #contenthome .policy .button {
        width: 100%;
    }
}

   