.hero-image{
height:500px;
   background-size: cover;
}
.hero-image h1, .hero-image h2, .hero-image p{ 
    text-transform: uppercase;
}
.cta-row-2 {
 height:550px;
}

.cta-txt{
color:white;
width:80%;
padding-left : 10%;
}
.cta-txt h2 {
color:white;
}
.cta-txt p {
font-size:1.5em
}

.cta-txt2{
color:white;
width:80%;
padding-left : 10%;
}
.cta-txt2 h2 {
color:white;
}
.cta-txt2 p {
font-size:1.5em
}

.cta-txt a:link, .cta-txt a:visited,  .cta-txt2 a:link, .cta-txt2 a:visited {
    background-color:#00aeef;
    color: white;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius:10px;
}
 .cta-txt a:hover, .cta-txt a:active , .cta-txt2 a:hover, .cta-txt2 a:active {
    background-color: #038bbf;
}

.footer-branding{
color:#ff4700;
}
.newsletter-form{
padding:20px;
background-color:#ffba23;
}

.newsletter-form input{
background-color:#e5a71f;
color:#a77a1a;
border: 0px;

}
.g1-mailchimp-actions{
 color:#a77a1a;
}
.g1-mailchimp-actions input[type=submit] {
    width: 100%;
    background-color: #454545;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.g1-mailchimp-actions input[type=submit]:hover {
    background-color: #191919;
}
.text-block{
height:400px;
}

.col-1{
margin:0px;
padding:0px;
border: 10px solid white;

}
.col-2{
border: 10px solid white;
margin:0px;
padding:0px;
}
.col-3{
margin:0px;
padding:0px;
border: 10px solid white;
}

.g1-row-narrow > .g1-row-inner > .g1-column{
margin:0px;
padding:0px;
padding-top:20px;
height:100px;
}
.start-btn{
    background-color:rgba(0,0,0,0);
    padding: 10px 30px;
    margin: 30px 30px;
    border: 3px solid white;
    cursor: pointer;
    font-size:1.3em;
}

.colorfull{
height:250px;
}
.toggle-content-row{
text-align: center;
background-image:url("https://dev.gainwells.com/dev/wp-content/uploads/2017/08/investment-management-row2.jpg");
background-size:100%;
color:white;
font-size:1.3em;
padding-top:100px;
padding-bottom:100px;

}
.toggle-content-row p{
margin: auto;
width: 60%;
}

.g1-toggle + .g1-toggle{
margin-top:0rem;
}
.g1-toggle{
margin-bottom:0rem;
}
.g1-column{
padding-left:10px;
padding-right:10px;
}
@media screen and (min-width: 480px) {
    .toggle-content-row{
           background-size:cover;
     }
     .toggle-content-row p{
          margin: auto;
          width: 90%;
     }
.hero-image{
   background-size: contain;
    }
}