body {
  background: url("../images/indian-plaza-background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: "gasparregular", arial;
  font-size: 22px;
}

@font-face {
    font-family: 'gasparregular';
    src: url('gaspar_regular-webfont.woff2') format('woff2'),
         url('gaspar_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'homemade_appleregular';
    src: url('homemadeapple-webfont.woff2') format('woff2'),
         url('homemadeapple-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.logo-row{height: 680px;}
#logo-mobile{display: none;}
.location-info{margin-top: -75px;}
.locations h2{font-size: 34px;}

@media screen and (min-width: 1200px) and (max-width: 1350px) {

    .logo-row{height: 625px;}
    address{font-size: 20px;}
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {

    .logo-row{height: 585px;}
    address{font-size: 21px;}
    .container{width: 100%;}
}

@media screen and (min-width: 1000px) and (max-width: 1099px) {

    .logo-row{height: 495px;}
    address{font-size: 20px;}
    .container{width: 100%;}
    .locations h2{font-size: 21px;}
}

@media screen and (min-width: 900px) and (max-width: 999px) {

    .logo-row{height: 475px;}
    .container{width: 100%;}
    .locations h2{font-size: 21px;}
    address{font-size: 20px;}
}

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

    .logo-row{height: 425px;}
    .container{width: 100%;}
    address{font-size: 18px;}
    .locations h2{font-size: 19px;}

}



@media screen and (min-width: 770px) and (max-width: 870px) {

    .locations h2{font-size: 19px;}
    address{font-size: 18px;}

}

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

    .locations h2{font-size: 19px;}
    address{font-size: 17px;}
    .logo-row{height: 425px;}

}

@media screen and (min-width: 700px) and (max-width: 767px) {

    .locations h2{font-size: 19px;}
    address{font-size: 18px;}
    .logo-row{height: 625px;}

}

@media screen and (min-width: 625px) and (max-width: 699px) {

    .logo-row{height: 550px;}

}

@media screen and (min-width: 500px) and (max-width: 624px) {

    .logo-row{height: 480px;}
    .locations h2{font-size: 19px;}
    address{font-size: 18px;}

}

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

    .logo-row{height: 425px;}
    .locations h2{font-size: 19px;}
    address{font-size: 16px;}


}

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

    .col-xs-6{width: 100%;}
    .logo-row{height: 300px;}

}

.locations{color: white;}
.locations h2{font-family: "homemade_appleregular", arial;text-align: center;color: #db741b;}
.locations address{text-align: center;}
button{width: 160px;background-color: #db741b!important;color: white!important;border: none!important;margin-top: 10px;}
p{color:white;text-align: center;}
a{color:white; text-align: center;}
a:hover{text-decoration: none; color: white;cursor: default;}
#mail:hover{cursor: pointer;color:#db741b;}
#modal-text{color: black!important;font-weight: bolder!important;font-size: 18px!important;}
.modal-content{margin-top: 300px;}
#mc_embed_signup{clear:left;}
label{color:#db741b!important;margin-top: -15px!important;}
.button{background-color:#db741b!important;width:170px!important;margin-left: 30%!important;}
input{background-color: #ebebeb;border: none!important;}
.response{width:100%!important; color: #db741b!important;}
.bottom{font-weight: bolder;}
.asterisk{color: #db741b!important;}

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

    .button{margin-left: 25%!important;}

}

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

        #logo-mobile{display: block;width:100%;}
        #logo{display: none;}
        #enfield-text{margin-top:0px;}
        #firle-text{margin-top: 0px;}
        #torrens-text{margin-top: 0px;}
        .opening{display: none;}



}

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

    .locations img{max-height: 50px;}

}
.deliverbg{
	margin-top: 200px;
}
.deliverbg a{
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #DB751C;
    background: #DB751C;
    color: #ffffff;
    font-family: "CircularStd", sans-serif;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.66px;
	padding: 20px 40px;
	    cursor: pointer;
}
.deliverbg a:hover{
	border: 1px solid #ffffff;
    background: #ffffff;
    color: #DB751C;
	text-decoration: none;
}