#about-info-content { margin-top: 30px; line-height: 30px; }
@media (min-width: 1800px) {
#about-hero h1 { margin: 0; font-size: 42px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 30px; }
#about-hero { width: 100%; min-height: 300px; background-image: url('/images/about-hero-l.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 300px; line-height: 65px; padding-top: 100px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 100px; margin-bottom: 170px; width: 900px; }
#about-info { float: left; width: 500px; }
#about-pic { float: right; margin-top: 40px; width: 350px; }
#about-pic-info-container { margin: 0 auto; width: 300px; height: 300px; background-image: url('/images/about-business.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 300px; height: 300px; background-image: url('/images/about-community.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { float: left; margin-top: 40px; width: 350px; }
#about-com { float: right; width: 500px; }
}
@media (min-width: 1600px) and (max-width: 1799px) {
#about-hero h1 { margin: 0; font-size: 42px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 30px; }
#about-hero { width: 100%; min-height: 300px; background-image: url('/images/about-hero.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 300px; line-height: 65px; padding-top: 100px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 100px; margin-bottom: 170px; width: 900px; }
#about-info { float: left; width: 500px; }
#about-pic { float: right; margin-top: 40px; width: 350px; }
#about-pic-info-container { margin: 0 auto; width: 300px; height: 300px; background-image: url('/images/about-business.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 300px; height: 300px; background-image: url('/images/about-community.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { float: left; margin-top: 40px; width: 350px; }
#about-com { float: right; width: 500px; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
#about-hero h1 { margin: 0; font-size: 42px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 30px; }
#about-hero { width: 100%; min-height: 300px; background-image: url('/images/about-hero-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 300px; line-height: 65px; padding-top: 100px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 100px; margin-bottom: 170px; width: 900px; }
#about-info { float: left; width: 500px; }
#about-pic { float: right; margin-top: 40px; width: 350px; }
#about-pic-info-container { margin: 0 auto; width: 300px; height: 300px; background-image: url('/images/about-business.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 300px; height: 300px; background-image: url('/images/about-community.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { float: left; margin-top: 40px; width: 350px; }
#about-com { float: right; width: 500px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
#about-hero h1 { margin: 0; font-size: 42px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 30px; }
#about-hero { width: 100%; min-height: 300px; background-image: url('/images/about-hero-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 300px; line-height: 65px; padding-top: 100px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 100px; margin-bottom: 170px; width: 850px; }
#about-info { float: left; width: 500px; }
#about-pic { float: right; margin-top: 40px; width: 300px; }
#about-pic-info-container { margin: 0 auto; width: 270px; height: 270px; background-image: url('/images/about-business.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 270px; height: 270px; background-image: url('/images/about-community.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { float: left; margin-top: 40px; width: 300px; }
#about-com { float: right; width: 500px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
#about-hero h1 { margin: 0; font-size: 42px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 30px; text-align: center; }
#about-hero { margin-top: 100px; width: 100%; min-height: 300px; background-image: url('/images/about-hero-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 300px; line-height: 65px; padding-top: 90px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 60px; margin-bottom: 100px; width: 500px; }
#about-info { margin: 0 auto; width: 500px; }
#about-pic { margin: 0 auto; margin-top: 40px; width: 500px; }
#about-pic-info-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-business-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-community-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { margin: 40px auto; width: 500px; padding-top: 100px; border-top: 6px solid rgb(111,103,85); }
#about-com { margin: 0 auto; width: 500px; }
}
@media (min-width: 640px) and (max-width: 767px) {
#about-hero h1 { margin: 0; font-size: 42px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 30px; text-align: center; }
#about-hero { margin-top: 100px; width: 100%; min-height: 300px; background-image: url('images/about-hero-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 300px; line-height: 65px; padding-top: 90px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 60px; margin-bottom: 100px; width: 500px; }
#about-info { margin: 0 auto; width: 500px; }
#about-pic { margin: 0 auto; margin-top: 40px; width: 500px; }
#about-pic-info-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-business-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-community-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { margin: 40px auto; width: 500px; padding-top: 100px; border-top: 6px solid rgb(111,103,85); }
#about-com { margin: 0 auto; width: 500px; }
}
@media (min-width: 480px) and (max-width: 639px) {
#about-hero h1 { margin: 0; font-size: 40px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 28px; text-align: center; }
#about-hero { margin-top: 100px; width: 100%; min-height: 300px; background-image: url('/images/about-hero-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 270px; line-height: 65px; padding-top: 90px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 60px; margin-bottom: 100px; width: 400px; }
#about-info { margin: 0 auto; width: 400px; }
#about-pic { margin: 0 auto; margin-top: 40px; width: 400px; }
#about-pic-info-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-business-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-community-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { margin: 40px auto; width: 400px; padding-top: 100px; border-top: 6px solid rgb(111,103,85); }
#about-com { margin: 0 auto; width: 400px; }
}
@media (min-width: 300px) and (max-width: 479px) {
#about-hero h1 { margin: 0; font-size: 40px; text-align: center; color: rgb(241,235,222); }
#about-container h2 { margin: 0; font-size: 28px; text-align: center; }
#about-hero { margin-top: 100px; width: 100%; min-height: 300px; background-image: url('/images/about-hero-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
#about-hero-title-container { margin: 0 auto; width: 270px; line-height: 65px; padding-top: 90px; }
#about-hero-title { text-align: center; background: rgba(0,0,0,.50); background-color: rgba(0,0,0,.50); border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; -ms-border-radius: 35px; }
#about-main-container { margin: 0 auto; margin-bottom: 100px; width: 95%; }
#about-container { margin: 0 auto; margin-top: 60px; margin-bottom: 100px; width: 270px; }
#about-info { margin: 0 auto; width: 270px; }
#about-pic { margin: 0 auto; margin-top: 40px; width: 270px; }
#about-pic-info-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-business-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic-container { margin: 0 auto; width: 250px; height: 250px; background-image: url('/images/about-community-b.jpg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#about-com-pic { margin: 40px auto; width: 270px; padding-top: 100px; border-top: 6px solid rgb(111,103,85); }
#about-com { margin: 0 auto; width: 270px; }
}