body {
    font-family: 'Hind', sans-serif;
    padding: 0px;
    margin: 0px;
}

.spacer {
    margin: 10% 0%;
}

.underConstruction {
    background: url('../img/underConstruction-bg.jpg');
    background-repeat: repeat;
    background-position: bottom center;
    background-size: cover;
    padding: 350px 0px;
}

.headp {
    padding-right: 5%;
    margin-right: 15%;
}

i {
    color: #fff;
}


p {
    font-family: "Hind", Sans-serif;
    color: #202020;
    font-size: 1.25em;
}

a {
    font-family: "Hind", Sans-serif;
    color: #000 
}

a:hover {
    color: #777;
    text-decoration: none;
}

h1, h2, h3, h4 {
    font-family: "Hind", Sans-serif;
}

h1 {
    font-size: 4.5em
}
h2 {
    font-size: 3.5em;
}
h3 {
    font-size: 2em;
}

.orange {
    color: #dd6e28;
}
.green {
    color: #70ad47;
}

.green p {
    font-size: .75em;
}

.blue {
    color:#28a4d5;
}

.btn {
    width: 53%;
    font-family: "Hind", Sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    fill: #707171;
    color: #646262;
    background-color: #E2E2E2;
    border-radius: 150px 150px 150px 150px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    padding: 5% 8%;
}

.btn:hover {
    background: #8fc258;
    color: #fff;
}

.btn-large {
    padding: 3% 3%;
    width: 32%;
}

.top-pad {
    padding-top: 150px;
}

.btn-green {
    color: #fff;
    font-family: "Hind", Sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0, .3);
    background-color: #8fc258;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.14);
    padding: 5% 15%;
    border: none;
    margin-left: 5%;
}

.btn-green:hover {
    color: #f6f6f6;
    background-color: #5e7a52;
    -webkit-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    -moz-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
}

.btn-blue {
    color: #fff;
    font-family: "Hind", Sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0, .3);
    background-color: #28a4d5;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.14);
    padding: 5% 15%;
    border: none;
}

.btn-blue:hover {
    color: #f6f6f6;
    background-color: #044c75;
    -webkit-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    -moz-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
}

.btn-orange {
    color: #fff;
    font-family: "Hind", Sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0, .3);
    background-color: #dd6e28;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.14);
    padding: 5% 15%;
    border: none;
    margin-left: 15px;
}
.btn-orange:hover {
    color: #f6f6f6;
    background-color: #743000;
    -webkit-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    -moz-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
}

.btn-orange-small {
    width: 50%;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #dd6e28;
    border: none;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.5);
    padding: 5% 10%;
    
}

.btn-orang-small:hover {
    color: #f6f6f6;
    background-color: #743000;
    -webkit-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    -moz-box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
    box-shadow: 1px 8px 10px -5px rgba(0,0,0,0.66);
}

/* HEADER */

.header {
    background: url('../img/move-florida-foward-hero.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding: 3% 0% 10% 0%;
}

.header h1 {
    color: #707171;
    font-family: "Hind", Sans-serif;
    font-weight: bold;
    font-style: normal;
    line-height: 0.9em;
    letter-spacing: 0.1px;
}

.padFix {
    padding-bottom: 10%;
}

.header h3 {
    font-family: "Hind", Sans-serif;
    color: #dd6e28;
    font-weight: bold;
    margin-top: 0px;
}

.border-white {
    border-left: 4px solid #fff;
}

/* SECTION TWO */

.section-two {
    padding: 5% 0%;
}

.section-two h2 {
    font-family: "Hind", Sans-serif;
    font-weight: bold;
    color: #6ec1e4;
    text-align: left;
    font-size: 2.5em;
}


.light-blue {
    color:#147CA9;
    margin-top: 5%;
}

/* SECTION THREE */

.section-three {
    background: url('../img/puzzle-pieces-bg-II.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.section-three h3 {
    font-weight: bolder;
    font-size: 2em;
    color: #fff;
    width: 100%;
}

.container2 {
    position: relative;
    width: 100%;
  }
  
  
  .overlay {
    position: absolute;
    display: block;
    margin: 0px auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(126, 217, 87, .5);
    overflow: hidden !important;
    width: 100%;
    height: 120px;
    transition: .5s ease;
    border-top: 1px solid #fff;
  }

  .overlay-blue {
    position: absolute;
    display: block;
    margin: 0px auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(110, 193, 228, .5);
    overflow: hidden !important;
    width: 100%;
    height: 120px;
    transition: .5s ease;
    border-top: 1px solid #fff;
  }

  .overlay-orange {
    position: absolute;
    display: block;
    margin: 0px auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(255, 102, 0, .5);
    overflow: hidden !important;
    width: 100%;
    height: 120px;
    transition: .5s ease;
    border-top: 1px solid #fff;
  }

  .overlay-gray {
    position: absolute;
    display: block;
    margin: 0px auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(112, 113, 113, .5);
    overflow: hidden !important;
    width: 100%;
    height: 120px;
    transition: .5s ease;
    border-top: 1px solid #fff;
  }
  
  .container2:hover .overlay {
    height: 80%;
  }
  .container2:hover .overlay-blue {
    height: 80%;
  }
  .container2:hover .overlay-orange {
    height: 80%;
  }
  .container2:hover .overlay-gray {
    height: 80%;
  }
  
  .text {
    color: #2E2E2E;
    font-size: 20px;
    position: absolute;
    top: 43%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }


  


.gray-puzzle {
    background: url('/img/gray-puzzle.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 265px;

}

.orange-puzzle {
    background: url('/img/orange-puzzle.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 265px;
}

.blue-puzzle {
    background: url('/img/blue-puzzle.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 265px;
}

.green-puzzle {
    background: url('/img/green-puzzle.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 265px;
}

.section-three h2 {
    color: #707171;
    font-weight: bold;
    font-style: normal;
    line-height: 1em;
    letter-spacing: 0.1px;
    text-align: center;
    padding: 8%;
}

.section-three {
    font-weight: bold;
}

/* SECTION FOUR */

.section-four {
    background: url('../img/middle-bg-overlay.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.section-four-overlay {
    background: rgb(125, 125, 125, .8);
    padding: 5%;
    color: #fff;
}

.section-four h2 {
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}


/* SECTION FIVE */

.section-five {
    background: url('../img/move-florida-foward-puzzle-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    min-height: 100%;
}

.mobility h2 {
    margin-top: 5%;
    margin-bottom: 13%;
    margin-left: 6%;
}

.section-five p {
    padding: 5%
}

/* SECTION SIX */

.section-six h2 {
    padding-top: 10%;
}

/* SECTION SEVEN */

.section-seven {
    background: #8fc258;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0%;
}

.section-seven h2 {
    color: #FFFFFF;
    font-family: "Hind", Sans-serif;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}


.padLeft {
    margin-left: 10%;
}

/* SECTION EIGHT */

.section-eight {
    background: #28a4d5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0%;
}

.section-eight h2 {
    color: #FFFFFF;
    font-family: "Hind", Sans-serif;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}

.section-eight img {
    max-width: 100%;
    vertical-align: top;
}

/* SECTION NINE */

.section-nine {
    background: #dd6e28;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0%;
}

.section-nine h2 {
    color: #FFFFFF;
    font-family: "Hind", Sans-serif;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}

/* SECTION TEN */

.section-ten {
    background: url('../img/partner_support.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 0%;
}

.section-ten h2 {
    color: #8B8D8E;
    font-family: "Hind", Sans-serif;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}


/* SECTION ELEVEN */

.bg-florida {
    background: url('../img/florida_mdc.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5%;
}

.bg-florida h2 {
    color: #8B8D8E;
    font-weight: bold;
}

/* SECTION TWELVE */

.section-twelve {
    background: url('../img/lower-puzzle-bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 2%;
    min-height: 700px;
}

.section-twelve h2 {
    color: #7A7A7A;
    font-family: "Hind", Sans-serif;
    font-weight: bold;
    margin-top: 2%;
}


.green-bg {
    background: #8fc258;
    text-align: center;
    padding: 2% 0%;
    margin: 0px;
}

.green-bg h2 {
    vertical-align: middle;
    margin: 0px;
}

.trending {
    background: url('../img/trending-issues-growing-population.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5%;
}

.future {
    padding: 5%;
}

.return a {
    color: #dd6e28 !important;
}

.return a:hover {
    color: #7a7a7a !important;
    text-decoration: none;
}
.futureblue {
    background: url('../img/future-potential-lincoln-road.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5%;
}

.proposed {
    background: url('../img/proposed-policy-tri-rail-train.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 8% 2%;
}


.proposedorange {
    background: url('../img/trending-issues-investing-spending.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 1%;
    text-align: right;
}


.blue-bg {
    background: #28a4d5;
    text-align: center;
    padding: 2% 0%;
    margin: 0px;
}

.blue-bg h2 {
    vertical-align: middle;
    margin: 0px;
}

.orange-bg {
    background: #F3761C;
    text-align: center;
    padding: 2% 0%;
    margin: 0px;
}

.orange-bg h2 {
    vertical-align: middle;
    margin: 0px;
}

.trendingblue {
    padding: 5%;
}


.futureorange {
    text-align: center;
    padding: 2% 5%;
}

.policyorange {
    background: url('../img/proposed-policy-partnering.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2%;
}

.lowerbanner {
    background: url('../img/lower-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.lowerbanner-overlay {
    background: rgba(255,255,255,.7);
    padding: 5% 0%
}

.lowerbanner p {
    color: #757575;
    font-weight: bold;
}

footer {
    background-color: #616161;
}

footer img {
    width: 100%;
    display: block;
    margin: 0px auto;

}

footer p {
    color: #fff;
    text-align: center;
}

footer h2 {
    color:#fff;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
}

footer a {
    color: #fff !important;
}

footer a:hover {
    color: #777 !important;
}


i {
    color: #dd6e28;
    font-size: 1em;
    vertical-align: middle;
}

.return {
    font-weight: bold;
    color: #dd6e28;
}

.partner a {
    color: #8B8D8E;
}

.partner a:hover {
    color: #ccc;
}

.green a {
    color: #8fc258;
}
.blue a {
    color: #28a4d5;
}

.orange a {
    color: #dd6e28;
}

.light-blue a {
    color: #dd6e28;
}

footer h2 {
    font-size: 2em;
}
footer  {
    font-size: .75em;
}

.mid-links {
    margin-top: -1%;
}

@media (max-width: 1680px) {


    footer h2 {
        font-size: 1.5em;
    }

    footer p {
        font-size: .95em;
    }
}


@media (max-width: 1440px) {


    .white-bg {
        background-color: rgba(255, 255, 255, 1);
        padding: 2%;
    }

    .trending {
        background: url('../img/trending-issues-growing-population.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0%;
    }
    .proposed {
        background: url('../img/proposed-policy-tri-rail-train.jpg');
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        padding: 0%;
    }
    .futureblue {
        background: url('../img/future-potential-lincoln-road.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0%;
    }
    .proposedorange {
        background-position: 88%;
        padding: 0%;
    }
    .policyorange {
        background-position: 20%;
        padding: 0%;
    }
    footer h2 {
        font-size: 1.5em;
    }

    footer p {
        font-size: .95em;
    }
}

@media (max-width: 1180px) { 

}

@media (max-width: 1024px) {

    .header {
        background-position: 35%;
    }

    .header h1 {
            line-height: 1.15em;
    }
    .section-three h2 {
        padding: 6% 0%;
    }

    .btn {
        font-size: .85em;
        padding: 10px;
    }

    .section-four {
        margin-top: 50px;
    }

    .section-ten img {
        width: 100%;
        display: block;
        margin: 0px auto;
    }

    .bg-florida {
        background-size: 90%;
    }
    .bg-florida h2 {
        font-size: 2.5em;
    }
    .white-bg {
        background-color: rgba(255, 255, 255, 1);
        padding: 2%;
    }

    .trending {
        background: url('../img/trending-issues-growing-population.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0%;
    }
    .proposed {
        background: url('../img/proposed-policy-tri-rail-train.jpg');
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        padding: 0%;
    }
    .futureblue {
        background: url('../img/future-potential-lincoln-road.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0%;
    }
    .proposedorange {
        background-position: 88%;
        padding: 0%;
    }
    .policyorange {
        background-position: 20%;
        padding: 0%;
    }
    footer h2 {
        font-size: 1.5em;
    }

    footer p {
        font-size: .75em;
    }


    .green-puzzle {
        width: 50%;
        min-height: 482px;
    }
    .gray-puzzle {
        width: 50%;
        min-height: 482px;
    }
    .blue-puzzle {
        width: 50%;
        min-height: 482px;
    }
    .orange-puzzle {
        width: 50%;
        min-height: 482px;
    }


    .light-blue, .mobility h2 {
        margin-top: 0%;
    }

    .container2 {
        width: 100%;
    }
}



@media (max-width: 768px) {

    .btn {
        font-size: .85em;
        padding: 10px;
    }


    .header {
        background-position: 40% 0%;
        background-size: cover;
        height: 750px;
    }
    .header h1 {
        line-height: 1.25em;
    }

    .section-two {
        padding: 0% 0%;
    }
     
    .section-three {
        display: block;
        margin: 0px auto;
    }

    .section-two h2 {
        font-size: 3em;
    }

    .section-three h2 {
        padding: 3% 0%;
    }

    .section-four h2 {
        font-size: 3em;
    }

    .section-five {
        background: none;
    }

    .mobility h2 {
        margin-top: 50px;
    }

    .btn-green {
        padding: 5% 11%;
    }
    .btn-orange {
        padding: 5% 11%;
    }

    .section-five p {
        padding: 2%;
    }
    .section-six h2 {
        padding-top: 0%;
    }

    .bg-florida h2 { 
        font-size: 2.25em;
    }

    .white-bg {
        background-color: rgba(255, 255, 255, 1);
        padding: 2%;
    }

    .trending {
        background: url(../img/trending-issues-growing-population.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0%;
    }
    .proposed {
        background: url('../img/proposed-policy-tri-rail-train.jpg');
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        padding: 0%;
    }
    .futureblue {
        background: url('../img/future-potential-lincoln-road.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0%;
    }
    .proposedorange {
        background-position: 88%;
        padding: 0%;
    }
    .policyorange {
        background-position: 20%;
        padding: 0%;
    }

    footer h2 {
        font-size: 1.5em;
    }

    footer p {
        font-size: .75em;
    }

    .section-eight img {
        width: 100%;
        text-align: right;
    }
    
    .green-puzzle {
        width: 50%;
        min-height: 363px;
    }
    .gray-puzzle {
        width: 50%;
        min-height: 363px;
    }
    .blue-puzzle {
        width: 50%;
        min-height: 363px;
    }
    .orange-puzzle {
        width: 50%;
        min-height: 363px;
    }

    .top-pad {
        padding-top: 111px;
    }

    h2 {
        font-size: 2.5em;;
    }

    .container2 {
        width: 100%;
    }

.btn-blue, .btn-green, .btn-orange {
    font-size: 17px;
}
#trendingorange img {
    display: none;
}
#trendingorange .col-md-6, .white-bg{
    flex: none;
    max-width: 100% !important;
}
}

@media (max-width: 425px) {

    .logo {
        margin-top: 50px !important;
        }
        

    .top-pad {
        padding-top: 25px;
    }
    body {
        text-align: center;
    }
    
        p {
            font-size: 1em;
        }
    
        .time {
            margin-top: 50px;
        }
    
        .bg-florida {
            background-size: contain;
        }
    
        .btn {
            width: 80%;
            display: block;
            margin: 0px auto;
            padding: 1%;
            margin-bottom: 15px;
            text-align: center;
            font-size: 1em;
        }
    
        .btn-large-top {
            margin-top: 15px;
        }
    
        .btn-blue {
            width: 85%;
            display: block;
            margin: 0px auto;
            padding: 5% 10%;
            margin-bottom: 30px;
            text-align: center;
        }
        .btn-orange {
            width: 85%;
            display: block;
            margin: 0px auto;
            padding: 5% 10%;
            margin-bottom: 30px;
            text-align: center;
        }
        .header {
            padding: 0px;
            height: 650px;
        }
    
        .lowerbanner .row {
            margin: 0px;
        }
    
        .section-three h2 {
            font-size: 1em;
            padding: 3% 10%;
        }
        
    
        .section-five {
            padding: 0%;
            margin: 0%;
            background: none;
            text-align: center;
        }
        .padLeft {
            margin: 0px;
        }
        .mobility h2 {
            padding: 0%;
        }
        
        .section-five p {
            padding: 5%
        }
    
        .section-eight img {
            width: 100%;
            display: block;
            margin: 0% auto;  
            margin-top: 5%; 
        }
        .section-eight h2 {
            text-align: center;   
            margin-left: 0%;
            margin-right: 0%; 
            padding: 0%;
        }
        .btn-green {
            width: 85%;
            display: block;
            margin: 0px auto;
            text-align: center;
            margin-bottom: 25px;
        }

    
        .section-nine h2 {
            padding: 0px;
            text-align: center;
            margin: 0px;
    
        }
    
        .section-ten h2 {
            padding: 0px;
            text-align: center;
            margin: 0px;
        }
    
        .section-twelve {
            min-height: 200px;
        }
    
        .trending {
            background-position: left;
        }   
        
        .proposed {
            background-position: right;
            padding: 5%;
        }
        
        .futureblue {
            background-position: left;
        }
        
        .proposedorange {
            background-position: right;
            padding: 5%;
            text-align: center;
        }
    
        .policyorange {
            background-position: left;
            padding: 5%;
        }
    
        .trending .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .proposed .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .futureblue .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .proposedorange .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .policyorange .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        h1 {
            font-size: 3.25em
        }
        h2 {
            font-size: 1.5em !important;
        }
        h3 {
            font-size: 1.25em;
        }
    .lowerbanner p {
        margin: -23px;
        margin-top: 23px;
    }
    
    .headp {
        padding-right: 0;
        margin-right: 0;
    }
    
    .header-overlay {
        background-color: rgba(255,255,255, .75);
    }
        footer p {
            font-size: 1em;
        }

        .white-bg {
            background-color: transparent;
            padding: 0%;
        }
        .trending {
            padding: 5%;
        }
        .proposed {
            padding: 5%;
        }
        .futureblue {
            padding: 5%;
        }

        .green-puzzle {
            width: 100%;
            min-height: 422px;
        }
        .gray-puzzle {
            width: 100%;
            min-height: 422px;
        }
        .blue-puzzle {
            width: 100%;
            min-height: 422px;
        }
        .orange-puzzle {
            width: 100%;
            min-height: 422px;
        }

        .container2 {
            margin-top: 25px;
        }

        .section-two {
            padding: 65% 0% 0%;
        }

}

@media (max-width: 375px) {

    .logo {
        margin-top: 50px !important;
        }
        
    .top-pad {
        padding-top: 50px;
    }
    
    body {
        text-align: center;
    }
    
        p {
            font-size: 1em;
        }
    
        .time {
            margin-top: 50px;
        }
    
        .bg-florida {
            background-size: contain;
        }
    
        .btn {
            width: 80%;
            display: block;
            margin: 0px auto;
            padding: 1%;
            margin-bottom: 15px;
            text-align: center;
            font-size: 1em;
        }
    
        .btn-large-top {
            margin-top: 15px;
        }
    
        .btn-blue {
            width: 85%;
            display: block;
            margin: 0px auto;
            padding: 5% 10%;
            margin-bottom: 30px;
            text-align: center;
        }
        .btn-orange {
            width: 85%;
            display: block;
            margin: 0px auto;
            padding: 5% 10%;
            margin-bottom: 30px;
            text-align: center;
        }
        .header {
            padding: 0px;
            height: 650px;
        }
    
    
        .lowerbanner .row {
            margin: 0px;
        }

        .section-two {
            padding: 73% 0% 0%;
        }
    
        .section-three h2 {
            font-size: 1em;
            padding: 3% 10%;
        }
        

    
        .section-five {
            padding: 0%;
            margin: 0%;
            background: none;
            text-align: center;
        }
        .padLeft {
            margin: 0px;
        }
        .mobility h2 {
            padding: 0%;
        }
        
        .section-five p {
            padding: 5%
        }
    
        .section-seven h2 {
            text-align: center;
        }
    
        .section-eight img {
            width: 100%;
            display: block;
            margin: 0% auto;   
            margin-top: 5%;
        }
        .section-eight h2 {
            text-align: center;   
        }
        .btn-green {
            width: 85%;
            display: block;
            margin: 0px auto;
            text-align: center;
            margin-bottom: 25px;
        }
    
        .section-nine h2 {
            padding: 0px;
            text-align: center;
            margin: 0px;
    
        }
    
        .section-ten h2 {
            padding: 0px;
            text-align: center;
            margin: 0px;
        }
    
        .section-twelve {
            background-size: contain;
            min-height: 200px;
        }
    
        .trending {
            background-position: left;
        }   
        
        .proposed {
            background-position: right;
            padding: 5%;
        }
        
        .futureblue {
            background-position: left;
        }
        
        .proposedorange {
            background-position: right;
            padding: 5%;
            text-align: center;
        }
    
        .policyorange {
            background-position: left;
            padding: 5%;
        }
    
        .trending .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .proposed .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .futureblue .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .proposedorange .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        .policyorange .row {
            background-color: rgba(255, 255, 255, 0.95);
            padding: 5%;
        }
    
        h1 {
            font-size: 3.25em
        }
        h2 {
            font-size: 1.5em !important;
        }
        h3 {
            font-size: 1.25em;
        }
    .lowerbanner p {
        margin: -23px;
        margin-top: 23px;
    }
    
    .headp {
        padding-right: 0;
        margin-right: 0;
    }
    
    .header-overlay {
        background-color: rgba(255,255,255, .75);
    }
        footer p {
            font-size: 1em;
        }
        .white-bg {
            background-color: transparent;
            padding: 0%;
        }
        .trending {
            padding: 5%;
        }
        .proposed {
            padding: 5%;
        }
        .futureblue {
            padding: 5%;
        }

        
    .green-puzzle {
        width: 100%;
        min-height: 375px;
    }
    .gray-puzzle {
        width: 100%;
        min-height: 375px;
    }
    .blue-puzzle {
        width: 100%;
        min-height: 375px;
    }
    .orange-puzzle {
        width: 100%;
        min-height: 375px;
    }
}

@media (max-width: 320px) {


    .top-pad {
        padding-top: 50px;
    }

    .underConstruction {
        background: url('../img/underConstruction-bg.jpg');
        background-repeat: repeat;
        background-position: bottom center;
        background-size: cover;
        padding: 295px 0px;
    }

    .underConstruction h1, h3, h4 {
        font-size: 1.5em;
    }

body {
    text-align: center;
}

    p {
        font-size: 1em;
    }

    .time {
        margin-top: 50px;
    }

    .bg-florida {
        background-size: contain;
    }

.logo {
margin-top: 50px !important;
}

    .btn {
        width: 90%;
        display: block;
        margin: 0px auto;
        padding: 1%;
        margin-bottom: 15px;
        text-align: center;
        font-size: 1em;
    }

    .btn-large-top {
        margin-top: 15px;
    }

    .btn-blue {
        width: 85%;
        display: block;
        margin: 0px auto;
        padding: 5% 10%;
        margin-bottom: 30px;
        text-align: center;
    }
    .btn-orange {
        width: 85%;
        display: block;
        margin: 0px auto;
        padding: 5% 10%;
        margin-bottom: 30px;
        text-align: center;
    }
    .header {
        padding: 0px;
        height: 758px;
    }


    .lowerbanner .row {
        margin: 0px;
    }


    .section-two {
        padding: 55% 0% 0%;
    }

    .section-three h2 {
        font-size: 1.25em !important;
        padding: 3% 10%;
    }

    
    .section-five {
        padding: 0%;
        margin: 0%;
        background: none;
        text-align: center;
    }
    .padLeft {
        margin: 0px;
    }
    .mobility h2 {
        padding: 0%;
    }
    
    .section-five p {
        padding: 5%
    }


    .section-seven h2 {
        text-align: center;
    }

    .section-eight img {
        width: 100%;
        display: block;
        margin: 0% auto;
        margin-top: 5%;
    }
    .section-eight h2 {
        text-align: center;   
    }
    .btn-green {
        width: 85%;
        display: block;
        margin: 0px auto;
        text-align: center;
        margin-bottom: 25px;
        outline: none;
        border: none;
    }


    .section-nine h2 {
        padding: 0px;
        text-align: center;
        margin: 0px;

    }

    .section-ten h2 {
        padding: 0px;
        text-align: center;
        margin: 0px;
    }

    .section-twelve {
        background-size: contain;
        min-height: 200px;
    }

    .trending {
        background-position: left;
    }   
    
    .proposed {
        background-position: right;
        padding: 5%;
    }
    
    .futureblue {
        background-position: left;
    }
    
    .proposedorange {
        background-position: right;
        padding: 5%;
        text-align: center;
    }

    .policyorange {
        background-position: left;
        padding: 5%;
    }

    .trending .row {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 5%;
    }

    .proposed .row {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 5%;
    }

    .futureblue .row {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 5%;
    }

    .proposedorange .row {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 5%;
    }

    .policyorange .row {
        background-color: rgba(255, 255, 255, 0.95);
        padding: 5%;
    }

    h1 {
        font-size: 3.25em
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.25em;
    }
.lowerbanner p {
    margin: -23px;
    margin-top: 23px;
}

.headp {
    padding-right: 0;
    margin-right: 0;
}

.header-overlay {
    background-color: rgba(255,255,255, .75);
}
    footer p {
        font-size: 1em;
    }

    .section-eight h2 {
        margin-left: 0%;
        margin-right: 0%; 
        padding: 0%;
    }


    .white-bg {
        background-color: transparent;
        padding: 0%;
    }

    .trending {
        padding: 5%;
    }
    .proposed {
        padding: 5%;
    }
    .futureblue {
        padding: 5%;
    }

    .section-four h2 {
        font-size: 5em;
    }

    .green-puzzle {
        width: 100%;
        min-height: 317px;
    }
    .gray-puzzle {
        width: 100%;
        min-height: 317px;
    }
    .blue-puzzle {
        width: 100%;
        min-height: 317px;
    }
    .orange-puzzle {
        width: 100%;
        min-height: 317px;
    }

}


button:focus {
    outline: none !important;
}