.intro .item{
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
}

#carousel-example-generic{
    padding-top: 60px;
}


.carousel-caption .row .col-lg-4{
    display: inline-block!important;
    width: 33%;
}




.navbar-brand.backbutton{
        font-size: small;
        margin-top: 2px;
}

.navbar-brand img{
        height: 22px;
        margin-top: 4px;
}

.navbar-brand img.qeprlogo{
        margin-top: 0px;
}


.carousel-caption h1 span{
        display: block;
}

.carousel-caption h1.mainTitle{
        font-weight: 700;
}


.carousel-caption h1 small span{
        color: white;
}

.carousel-caption {
        top: 18%;
        right: 10%;
        left: 10%;
}

.carousel-caption h1.mainTitle span.ohio {
        font-family: "Alex Brush";
}

.carousel-caption h1.mainTitle span.qe,
.carousel-caption h1.mainTitle span.pr{
        font-family: "Architects Daughter";
}

.carousel-caption img{
        max-height: 300px;
        border-radius: 2px;
}

.footer .license span{
        font-size: 8px;
}

.footer img.qeprlogo{
    height: 30px;
}

section.footer{
    padding: 40px;
}

.ohio_mapping_logo img{
        max-height: 100px;
}




#about ul, #about li, #about p{
        text-align: left;
}




#apply .btn-round, #apply .btn-white {
        border: 1px solid #840000;
        color: #840000;
        font-size: 18px;
}

#apply .btn-round:hover, #apply .btn-round:focus {
        color: #b80017;
        background-color: #ffb3a9;
}

#apply .apply-miami-logo{
        border: 1px solid #e61635;
        padding: 2px;
}

.bg-miami {
        background-color: #e61635;
        color: white;
}

#apply img.paint {
        max-width: 85%;
}

#apply .apply-steps p{
    font-size: 20px;
}

#apply .intro-text p{
     font-size: 30px;  
}

#apply .intro-text .box{
     margin-right: 20%;
     margin-left: 20%;
}

#apply .apply-steps li{
    font-size: 14px;
}

#apply .apply-steps .step-1 .box,
#apply .apply-steps .step-3 .box{
    margin-top: 20%;
}

#apply .benefit li{
    font-size: 22px;
    text-align: left;
}

#apply .benefit img.paint{
    max-width: 20%;
}

#apply .benefit h1{
    font-size: 80px;
}

#apply .application-button{
    margin-top: 40px;
}

#apply .application-button h1{
    font-size: 58px;
}

.box-shadow{
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
  box-shadow: 0 4px 7px rgba(0,0,0,.25);
}


img.paint, #apply img.paint.paint-header {
        max-width: 20%;
        vertical-align: top;
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
}


#resources{
        margin-bottom: 140px;
}

#resources .resources > .row {
        padding: 60px;
        border: 1px solid #3ab54a;
        border-radius: 8px;
}

#registry div.row {
        /* height: 200px; */
        /* padding-bottom: 20px; */
}

#registry div.row > div.col-sm-6{
        border-radius: 8px;
        margin-bottom: 20px;
        height: 100%;
}

#registry div.row > div.col-sm-6:hover{
        
}

#registry div.row > div.col-sm-6 a.btn{
        margin-top: 14px;
}

#registry #effective_programs .registry > .row > div{
        margin-bottom: 54px;
}

#registry .registry > .row h3{font-size: 14px;}

#registry #effective_programs .registry,
#registry #promising_practices .registry{
        border: 1px solid #0095ce;
        border-radius: 8px;
        padding: 10px 10px 30px 10px;
}

#registry #promising_practices .registry > .row{
        margin-bottom: 68px;
}

#registry #promising_practices .service-box{
        margin-top: 0;
}

#registry #promising_practices .registry {

}



#contact{
        padding: 250px 0;
}



/*COLORS*/

/*ORANGE*/
.color1 .btn-primary{
        background-color: #ff873b;
        color: black;
}

.color1 .btn-primary:hover{
        background-color: #c05100;
        color: #ffa759;
}



/*GOLD*/
.color2 .btn-primary{
        background-color: #ffd148;
        color: black;
}

.color2 .btn-primary:hover{
        background-color: #c29a00;
        color: #fff26a;

}



/*YELLOW*/
.color3 .btn-primary{
        background-color: #effe68;
        color: black;
}

.color3 .btn-primary:hover{
        background-color: #b4c42a;
        color: #faff71;

}





/*GREEN*/
.color4 .btn-primary{
        background-color: #a2ff66;
        color: black;
}

.color4 .btn-primary:hover{
        background-color: #67c62c;
        color: #b9ff7c;

}




/*BLUE*/
.color5 .btn-primary{
        background-color: #40b7f9;
        color: black;
}

.color5 .btn-primary:hover{
        background-color: #0082c0;
        color: #69d8ff;

}




/*PINK*/
.color6 .btn-primary{
        background-color: #fe1db2;
        color: black;
}

.color6 .btn-primary:hover{
        background-color: #c0007e;
        color: #ff54d5;

}

#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
}

.controls .container .row{
    text-align: center;
}

.controls .container .row .btn{
    display: inline-block;
}


.carousel-controls{
    position: absolute;
    bottom: 2px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
}

.carousel-controls .btn{
    height: 10px;
    font-size: 10px;
    padding-top: 6px;
    line-height: 1;
    opacity: 0.6;
}

.carousel-caption .btn-sm{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    letter-spacing: 0.5px;
}

.carousel-controls .btn:hover{
    opacity: 1;
}

.footer .col-md-4{
    display: inline-block;
}

.footer .row{
    text-align: center;
}



/*RED*/
.color7 .btn-primary{
        background-color: #ff0d4b;
        color: black;
}

.color7 .btn-primary:hover{
        background-color: #be0020;
        color: #ff4a67;

}



.embed-responsive-210by297 {
        padding-bottom: 141.42%;
}


/* MEDIA TYPE OVERRIDES */

@media only screen and (max-width:400px) {
        
        .carousel-caption {
            top: 4%;
        }

        .carousel-caption h1 {
                font-size: 20px;
        }

        .carousel-caption h2 {
                font-size: 12px;
        }

        .carousel-caption .miami img{
                max-height: 140px;
        }
        

        #registry div.row {
                height: auto;
                padding-bottom: 20px;
        }

        #registry div.row > div.col-sm-6{
                border-radius: 8px;
                margin-bottom: 20px;
                height: 100%;
        }

        #registry div.row > div.col-sm-6:hover{
                
        }

        #registry div.row > div.col-sm-6 a.btn{
                margin-top: 14px;
        }

        #registry .registry h3{
                font-size: 14px;
        }

        #apply .apply-steps .step-2 .box{
            margin-top: 10%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 16%;
        }

        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 20%;
             margin-left: 20%;
        }

        #apply img.paint {
            max-width: 85%;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 40px;
        }

        #apply .benefit img.paint{
            max-width: 20%;
        }

        #apply .benefit h1{
            font-size: 80px;
        }

        #apply .application-button{
            margin-top: 40px;
        }

        #apply .application-button h1{
            font-size: 58px;
        }
}


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

        .carousel-caption h2{
                font-size: 22px;
        }

        .carousel-caption h1{
                font-size: 28px;
        }

        #registry div.row {
                height: auto;
                padding-bottom: 0px;
        }

        #registry div.row > div.col-sm-6{
                border-radius: 8px;
                margin-bottom: 20px;
                height: 100%;
        }

        #registry div.row > div.col-sm-6:hover{
                
        }

        #registry div.row > div.col-sm-6 a.btn{
                margin-top: 14px;
        }

        #registry .registry h3{
                font-size: 14px;
        }

        #apply .apply-steps .step-2 .box{
            margin-top: 10%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 6%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 4%;
             margin-left: 4%;
             padding: 10px;
        }

        #apply img.paint {
            max-width: 85%;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 16px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 50px;
        }

        #apply .application-button{
            margin-top: 40px;
        }

        #apply .application-button h1{
            font-size: 58px;
        }
}

@media only screen and (min-width: 820px){

        #registry .registry h3{
                font-size: 14px;
        }
        .carousel-caption h1{font-size: 56px;}

        #apply .apply-steps .step-2 .box{
            margin-top: 10%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 0;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 10%;
             margin-left: 10%;
        }

        #apply img.paint {
            max-width: 85%;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 40px;
        }

        #apply .benefit img.paint{
            max-width: 20%;
        }

        #apply .benefit h1{
            font-size: 80px;
        }

        #apply .application-button{
            margin-top: 0px;
        }

        #apply .application-button h1{
            font-size: 58px;
        }

}


@media only screen and (min-width: 992px){

        #registry .registry h3{
                font-size: 14px;
        }
        .carousel-caption h1{

        }

        #apply .apply-steps .step-2 .box{
            margin-top: 10%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 42%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 10%;
             margin-left: 10%;
        }

        #apply img.paint {
            max-width: 85%;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 16px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 50px;
            margin-top: 0;
        }

        #apply .application-button{
            margin-top: 10px;
        }

        #apply .application-button h1{
            font-size: 44px;
        }

}




@media only screen and (min-width: 1200px){
        #registry .registry h3{
                font-size: 14px;
        }

        .carousel-caption h1{

        }

        #apply .apply-steps .step-2 .box{
            margin-top: 8%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 8%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 0%;
             margin-left: 0%;
        }

        #apply img.paint {
            max-width: 85%;
            margin-top: -129px;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 20px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 62px;
        }

        #apply .application-button{
            margin-top: 34px;
        }

        #apply .application-button h1{
            font-size: 48px;
        }
}


@media only screen and (min-width: 1440px){
        #registry .registry h3{
                font-size: 14px;
        }

        .carousel-caption h1{

        }

        #apply .apply-steps .step-2 .box{
            margin-top: 8%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 8%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 0%;
             margin-left: 0%;
        }

        #apply img.paint {
            max-width: 85%;
            margin-top: -129px;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 20px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 62px;
        }

        #apply .application-button{
            margin-top: 50px;
        }

        #apply .application-button h1{
            font-size: 48px;
        }
}


@media only screen and (min-width: 1600px){
        #registry .registry h3{
                font-size: 14px;
        }

        .carousel-caption h1{

        }

        #apply .apply-steps .step-2 .box{
            margin-top: 8%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 8%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 0%;
             margin-left: 0%;
        }

        #apply img.paint {
            max-width: 85%;
            margin-top: -129px;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 20px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 62px;
        }

        #apply .application-button{
            margin-top: 72px;
        }

        #apply .application-button h1{
            font-size: 76px;
        }
}

@media only screen and (min-width: 1800px){
        #registry .registry h3{
                font-size: 14px;
        }

        .carousel-caption h1{

        }

        #apply .apply-steps .step-2 .box{
            margin-top: 8%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 8%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 0%;
             margin-left: 0%;
        }

        #apply img.paint {
            max-width: 85%;
            margin-top: -129px;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 20px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 62px;
        }

        #apply .application-button{
            margin-top: 120px;
        }

        #apply .application-button h1{
            font-size: 90px;
        }
}


@media only screen and (min-width: 1900px){
        #registry .registry h3{
                font-size: 14px;
        }

        .carousel-caption h1{

        }

        #apply .apply-steps .step-2 .box{
            margin-top: 8%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 8%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 0%;
             margin-left: 0%;
        }

        #apply img.paint {
            max-width: 85%;
            margin-top: -129px;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 20px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 62px;
        }

        #apply .application-button{
            margin-top: 180px;
        }

        #apply .application-button h1{
            font-size: 100px;
        }
}

@media only screen and (min-width: 2000px){
        #registry .registry h3{
                font-size: 14px;
        }

        .carousel-caption h1{

        }

        #apply .apply-steps .step-2 .box{
            margin-top: 8%;
        }

        #apply .apply-steps .step-1 .box,
        #apply .apply-steps .step-3 .box{
            margin-top: 8%;
        }
        
        #apply .intro-text p{
             font-size: 30px;  
        }

        #apply .intro-text .box{
             margin-right: 0%;
             margin-left: 0%;
        }

        #apply img.paint {
            max-width: 85%;
            margin-top: -129px;
        }

        #apply .apply-steps p{
            font-size: 20px;
        }

        #apply .apply-steps li{
            font-size: 14px;
        }


        #apply .benefit {
            font-size: 20px;
        }

        #apply .benefit img.paint{
            max-width: 80%;
        }

        #apply .benefit h1{
            font-size: 62px;
        }

        #apply .application-button{
            margin-top: 144px;
        }

        #apply .application-button h1{
            font-size: 94px;
        }
}