body {

    margin:0px;
    padding:0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    flex-flow: column nowrap;
}

html, html * {

    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    margin-block-start: 0em;
    margin-block-end: 0em;

}

p, span {

    font-family: 'Muli', sans-serif;

}

h1, h2, h3, h4, h5, h6, a {

    font-family: 'Montserrat', sans-serif;

}

.heading-h2{

    text-align: center;
    color:#282828;
    font-weight:700;
    font-size:35px;
    width:70%;
    margin:0 auto;
    text-transform: uppercase;
    margin-bottom:15px;
}

.heading-p {
    
    text-align: center;
    color:#383838;
    font-weight:600;
    font-size:18px;
    line-height:1.3em;
    width:80%;
    margin:0 auto;
    
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
    outline:none;
    border:none;
}

.btn {
    cursor: pointer;
    outline:none;
    border:none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 5px;
    border-right:8px solid #ce8908;
    color:white;
    background: linear-gradient(to left, #ce8908  50%, #AB7105 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: all .3s ease-out;

}

.btn:hover {

    background-position: right bottom;

}

.clear {
    clear: both;
}

.divider {
    width:180px;
    height:5px;
    margin:0 auto;
    background-color:#00853f;
    margin-top:20px;
    margin-bottom:30px;
}

select#quote-form{

    width:250px;
    height:48px;
    position:relative;
    top:2px;
    border:0px;
    margin-right:10px;
    outline: none;
}

main {
    
    align-items: center;
    color: #9b9b9b;
    line-height: 1;
    
}

.error-message {

color:#e94b3d;
line-height:1.3em;
font-size:15px;

}

.section {
    
width:100%;
padding:40px 100px;
    
}

.email-section{

width:100%;
padding:30px 20px;
text-align:left;
overflow: auto;
border:1px solid #f2efef;
-webkit-box-shadow: 0px 0px 12px -5px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 12px -5px rgba(153,153,153,1);
box-shadow: 0px 0px 12px -5px rgba(153,153,153,1);
background-color:#F8F8F8;
margin:30px 0px 30px;
}

.email-section h3 {

color:#282828;
padding-bottom:15px;
font-size:22px;
font-weight:700;
text-align: center;
text-transform: uppercase;
}

.email-fields {

padding:20px 10px 20px 0;
width:50%;
float: left;
overflow: auto;
}

.email-fields h5 {

color:#282828;
font-size:18px;
text-align: left;
margin-bottom:30px;
font-weight:600;
}

.input-field {

overflow: auto;

}

.input-field:not(:first-child){

margin-top:10px;

}

.header-1 {

overflow: auto;
display: none;
}

.header-1 h5 {

color:#e94b3d;
text-align:left;
font-weight:600;
margin-bottom:10px;

}



.input-field label {

width:35%;
float:left;
text-align: left;
color:black;
position:relative;
top:10px;

}

.input-field input {

width:60%;
height:40px; 
padding:0px 15px;
float:left;
border-radius: 5px;
border:1px solid #AB7105;
background-color:white;
font-size:13px !important;
font-family: 'Montserrat', sans-serif;
}

input:focus, select:focus{
outline: none;
}

.life-info {

padding:20px 0px 20px 10px;
width:50%;
float:left;
margin-bottom:20px;

}

.life-info h5{

color:#282828;
font-size:18px;
text-align:left;
font-weight:600;
margin-bottom:30px;

}

.life-info .investment-types {

width:100%;
overflow: auto;

}

.form-check span {

color:black;
line-height:1.4em;
}

select{

width:60%;
height:40px; 
padding:0px 15px;
border-radius: 5px;
border:1px solid #AB7105;
background-color:white;
font-size:13px !important;
font-family: 'Montserrat' !important;
}

.select1 {

    width:38%;
    margin-right:1%
}

.select2 {

    width:22%;
    margin-right:1%;

}

.select3 {

    width:30%

}

#submit {

margin-top:15px;

}

/* media query for tablet */


@media(min-width: 768px) and (max-width: 1024px){

.section {

    padding:40px 40px;

}

.email-fields {

    padding:20px 20px;
    width:100%;
    float: none;
}

.life-info {

    padding:20px 20px;
    width:100%;
    float:none;

}



}


/* media query for phone */

@media(max-width: 767px) {
  .section {
      padding:40px 30px;
  }
  .heading-h2{
      font-size:22px;
      width:100%;
  }    
  .heading-p {
      font-size:16px;
      width:100%;
  }
  .email-section h3 {
      padding-bottom:10px;
      font-size:24px;
  }
  .life-info h5, .email-fields h5,{
      margin-bottom:30px;
      font-size:17px;
  }
  .header-section{
      width:100%;
  }
  .email-section {
      padding:20px 10px;
  }
  .input-field label {
      width:35%;
      font-size:14px;
      padding-right:5px;
  }
  .input-field input {
      width:65%;
      padding:0px 5px;
      font-size:12px !important;
  }
  select {
      width:65%;
      padding:0px 5px;
      font-size:12px !important;
  }
    .select1 {
        width:40.66%;
    }
    .select2 {
        width:24.66%;
    }
    .select3 {
        width:32.66%
    }
    .email-fields {

        padding:0px 0px;
        width:100%;
        float: none;
    }
    .life-info {
        padding:0px 0px;
        width:100%;
        float:none;
        margin-top:20px;
    }
}