/*
 Theme Name: WebMaestra 2.0
 Author: WebMaestra
Designed and Developed by Christina Lopriore 
URI: https://www.webmaestra.com
 */




/* GENERAL LAYOUT */

body {
	font-family: 'Open Sans' !important;
	font-size: 12pt !important; 
	padding-top: 80px; 
	overflow-x: none !important;
	color: #151617 !important;
	color: #281305 !important;


}

.innerpagehero {background: #faf8f6; height: 550px; overflow-y: none !important; margin-bottom: 20px;}
.innerimage {height: 550px; background-size: cover !important; margin: 0px !important;}
.rightcolinnerpage {font-size: 19pt !important; width:100% !important; text-align: center; position: relative; top: 100px !important; padding: 50px;}
.ctapagecontent {width: 65% !important; margin: 0px auto !important; padding-top: 20px; padding-bottom: 50px;  }
p {margin-bottom: 20px !important;}

.description {padding: 20px !important;}



/* FONT AWESOME */
.fa-star {color: #ceaa5c !important;}


.dkbg {background: #766453 !important; color: #fff !important;}

/* HEADINGS */
h1 { font-family: 'Montserrat' !important; font-size: 24pt !important;   font-weight: 200 !important; color: #83ab83 !important; text-transform: uppercase !important;  margin-top: 0px !important; }

.defaultpage h1 {font-family: 'Montserrat' !important; font-size: 24pt !important;   font-weight: 200 !important; color: #83ab83 !important; text-transform: uppercase !important;  margin-top: 0px !important; margin-bottom: 0px !important; }

h2 { font-family: 'Montserrat' !important;  font-size: 16pt !important;   color: #8ca784 !important;   margin-top: 0px !important; padding-top: 10px !important; padding-bottom: 5px !important; 
 text-transform: uppercase; }


.defaultpage h2 {font-size: 20pt !important;  color: #756656 !important; font-weight: 600 !important; }
.defaultpage h3 {margin-top: 60px !important;}

.defaultpage ul li {margin-bottom: 10px !important;}

.homepage ul li {margin-bottom: 10px !important;}
.homepage h2 {font-size: 22pt !important; color: #8ca784 !important; margin-bottom: 10px !important;}


.fullwidthheader {background: #faf8f6; height: 150px; overflow-y: none !important; margin-bottom: 20px;  padding: 80px; text-align: center;}

h3 {font-family: 'Montserrat' !important; color: #d0716f !important; color: #8ca784 !important; font-size: 16pt !important;  margin-bottom: 0px !important;  text-transform: uppercase !important;margin-bottom: 20px !important; margin-top: 20px !important; }
.defaultpage h2 {font-size: 16pt !important; color: #8ca784 !important;}
.defaultpage h3 {font-size: 16pt !important; color: #8ca784 !important;}


.has-text-align-center {text-align: center !important;}
.sitewidecta {text-align: center; padding:80px !important; padding-top: 0px !important;}
.sitewidecta .btn {font-size: 12pt !important; width: auto !important; margin-top: 20px !important; margin-bottom: 20px !important; margin: 0px auto !important;}
.sitewidecta a {color: #281305 !important;}
.sitewidecta a:hover {text-decoration: underline;}

/* HOMEPAGE SECTIONS */

.section1 {padding-top: 50px; padding-bottom :30px;}
.section2 {padding-top: 50px; padding-bottom :30px;}
.section3 {padding-top: 50px; padding-bottom :30px; background: #f8f8f8 !important;}

/* LINKS */
.pagecontent a {text-decoration: underline !important; font-weight: normal !important;}
.pagecontent .defaultpage a {color: #add9ae !important; text-decoration: underline !important;  }
.pagesidebar a {text-decoration: none !important;}
a:hover {text-decoration: underline;}

/* TOPBAR */
.topbar {font-size: 10pt !important; padding: 10px; background: #add9ae;  text-align:center; color: #fff;padding-top: 15px !important; text-transform: uppercase !important;}
.topbar .btn {font-size: 9pt !important;}
.topbar a {color: #000; text-decoration: underline; }

.pagesidebar {position: sticky !important; top: 200px !important; }
.pagesidebar img {border-radius: 25px !important; }
.pagesidebar .btn {font-size: 11pt !important; font-weight: normal !important; width: 100% !important; padding-left: 20px !important; padding-right: 20px !important;}
.pagesidebarbox {background: #f7f7f7 !important; padding: 20px;}
.pagesidebarbox .testimonial {font-size: 12pt !important;}
.pagetitle {background: #f7f7f7 !important; padding: 15px;}
.pagetitle h1 {color: #8ca784 !important; font-size: 18pt !important;}

.rightcontent {padding-left: 50px; padding-right: 50px;}
/* NAVBAR */

nav {  font-family: 'Montserrat' !important;   margin: 0px;  border: 0px !important; ;z-index: 3000 !important;}
.navbar-nav { margin: 0px; padding: 15px; border: 0px !important; padding-top: 30px !important; }

.navbar-default {margin-bottom: 0px !important; padding-bottom: 0px !important; }

.active a {background: transparent !important;}

.navbar-brand img {position: relative; top: 55px;}
.navbar-nav li a { font-weight: 500 !important;  color: #756656 !important;  font-size: 9pt !important; text-transform: uppercase; letter-spacing: .08em !important;}
.navbar-nav li a:hover {color: #aa957f!important;  }
.navbar-nav li a:visited {color: #aa957f !important; }
.navbar-nav li a ul li a {   color: #8ca784 !important;  font-size: 11pt !important; text-transform: uppercase; }


/* LOGO */
.navbar-brand {padding: 0px;position: relative; top: -65px; }


/* HEADER */
.topimage {padding: 0px; margin: 0px !important;  width: 100%; height: 550px; background-size: cover !important; background-position: 0px 50px !important; background-attachment: fixed !important; margin-top: 50px; background-repeat: no-repeat !important; }
.topimageoverlay{background: rgba(0,0,0,.1); height: 550px; width: 100% !important;  }

.topimageinner {padding: 0px; margin: 0px !important;  width: 100%; height: 700px; background-size: cover !important;  background-attachment: fixed !important; margin-top: 50px; background-repeat: no-repeat !important; }

.topimageoverlay{background: rgba(0,0,0,.1); height: 550px; width: 100% !important;  }

.mainmessage { font-family: 'Montserrat', serif; border: 0px #fff solid;  text-align: center;  position: relative; top: 100px;  width: 70% !important; height: auto;  font-size:28pt;  padding: 25px; margin: 0px auto;  border-radius: 0pt; line-height: 38pt; font-weight: 300 !important; text-transform: uppercase; color: #8ca784 !important;
}

.homepagemainmessage{ background: rgba(255,255,255,.6) !important; padding: 30px;}

.rightcolinnerpage  {color: #8ca784 !important; font-size:24pt !important;line-height: 38pt;font-weight: 300 !important; line-height: 38pt; text-transform: uppercase !important; font-family: 'Montserrat', serif;}

.rightcolinnerpage h1 {font-size: 12pt !important;  color: #736656 !important;letter-spacing: .08em; text-transform: uppercase !important; }


.mainmessage h1 {font-family: 'Open Sans', sans-serif !important; letter-spacing: .08em; text-transform: uppercase !important; font-size: 12pt !important;  color: #736656 !important; margin-bottom: 20px; padding-bottom: 0px; letter-spacing: none !important; text-transform: uppercase !important; text-shadow:  none !important; font-weight: 300 !important;
}



.topimageinner .mainmessage { font-family: 'Montserrat', serif; border: 0px #fff solid;  text-align: center;  position: relative; top: 150px;  width: 70% !important; height: auto;  font-size:28pt;  padding: 25px; margin: 0px auto;  border-radius: 0pt; line-height: 38pt; font-weight: 300 !important; text-transform: uppercase; color: #8ca784 !important;
}

/* IMAGES */
.alignleft {float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 10px;}
.alignright {float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 10px;}

.circleimage {width: 300px; height: 250px; margin: 0px auto; border-radius: 25px !important; background-size: cover !important}


/*LISTS */

ol li {
	margin-bottom: 10px !important;}

/* CONTENT */
.hometext {margin-top: 30px; margin-bottom: 30px;}


.pagecontent a {color: #8ca784 !important; font-weight: bold !important; margin-top: 50px !important;}
.pagecontent a:hover { text-decoration: underline !important; color: #8ca784 !important; font-weight: bold !important;}
.pagecontent {margin-top: 20px !important; }
.maincontent {padding-top: 20px;}
.textwidget  {display: inline block;}


.homebox {background: #faf8f6 !important; padding: 30px !important; min-height: 320px !important; border-radius: 25pt !important; margin-bottom: 5px !important;}
.homebox i {color: #d0716f !important; font-size: 18pt !important;}
.homebox strong {text-transform: uppercase; font-family: 'Montserrat'; letter-spacing: .08em;}



.homebox2 {background: #faf8f6 !important; padding: 50px !important; min-height: 220px !important; border-radius: 25pt !important; margin-bottom: 5px !important;}
.homebox2 i {color: #d0716f !important; font-size: 18pt !important;}

/* INSTRMENT BOXES */

.instrumentlinks h3 {font-size: 12pt !important; color: #746555 !important;text-decoration: none !important;}
.instrumentimage  {width: 300px; height: 250px; margin: 0px auto; border-radius: 0px 0px 0px 0px !important; background-size: cover !important}
.instrumentbox {background: #faf8f6 !important; padding-bottom: 5px !important; margin-bottom: 5px !important; padding-top: 20px !important;}

/* TEACHERS */

.teacherpage {background: #fff !important; padding: 30px; margin-top: 50px !important; }
.teachers {margin-bottom: 15px;}
.teacherphoto {height: 300px; width: 300px;background-size: cover !important; background-repeat: non-repeat !important; background-position: center center !important;}
.teachers h2 {font-family: selima !important; text-transform: lowercase !important; color: #c7242b !important; font-size: 20pt !important;}


.teacherphoto {
  position: relative;
  width: 100%;
}

.teacherphoto:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}



/* BUTTONS */
button {	font-family: "Montserrat" !important; font-weight: normal !important;    white-space: normal !important; border-radius: 0px !important;   border: 0px !important;}
.btn {letter-spacing: .05em !important; text-transform: lowercase !important;}

.btn-primary, .gform_button { border-radius: 0pt !Important;  background:  #d0716f !important; !important;color: #fff !important;  margin-top: 5px;    padding-right: 10px !important; padding-left: 10px !important;  border: 0px !important;  border-radius: 15pt !important; text-transform: uppercase !important;}

.btn-primary:hover {background: #000 !important;  color: #fff !important; }

.pagesidebar button.btn-primary a {color: #fff !important; font-weight: normal !important;}
.pagesidebar button.btn-primary a:hover {text-decoration: none !important;}


.btn-secondary { 
	background: #add9ae !important; 
	color: #000; 
	border: 1px #222 solid; 
	border-radius: 25px !important; 
	min-width: 300px; 	   
	padding: 8px; 
	text-transform: uppercase !important; 
	margin-bottom: 20px !important;
	margin-top: 20px !important;
				}

.btn-secondary:hover {
	background: #fff; 
	color: #000; 
	border: 1px #000 solid; 
				}
.btn-secondary a {color: #000 !important; text-decoration: none !important;}


.pagesidebar .btn-tertiary { background: transparent !important; color: #607858; border: 1px #607858 solid !important; border-radius: 15px !important; min-width: 300px; padding: 8px; text-transform: uppercase !important; margin-bottom: 20px !important; margin-top: 10px !important;}

.btn-nav {margin: 0px;  color: #fff !important;  font-size: 10pt !important;  width: auto !important; position: relative; top: -5px;  min-width: auto !important;}
.btn-nav:hover {background: #000 !important; color: #fff !important; }


.mainmessage button {margin-top: 20px !important;}


/* FORMS */
input[type="text"] {width: 100% !important;}
input[type="submit"] {width: auto !important; margin: 0px auto !important; text-align: center; width: 250px !important;}
.gform_footer {text-align: center;}
.gform_body {background: #f7f7f7; padding: 50px; border: 3px black solid;}
.gravityform input {width: 100% !important;}

/* BLOG */

.sidebar { font-weight: bold; padding: 10px; background: #faf8f6 !important; text-transform: uppercase !important; color: #756656 !important;}
.sidebar ul {padding-left: 0px !important; margin-left: 0px !important;}
.sidebar ul li {list-style-type:none; padding-left: 0px;  margin-left: 0px; padding-bottom: 0px; border-bottom: 0px #fafafa solid;}
.sidebar ul li a {padding-left: 0px; font-size: 9pt; text-transform: uppercase; padding-bottom: 0px; text-decoration: none !important; line-height: 9pt !important; color: #8ca784 !important; }
.sidebar ul li a:hover {text-decoration: underline; }

.page-numbers {padding-left: 5px !Important; background:#f8f8f8 !Important; padding: 10px; color: #766453 !important;}
.page-numbers:hover {background:#add9ae !important; color: #fff !important; }

.blogtitle { margin-bottom: 5px; color: #000 !important;}
.blogtitle h2 {color: #000 !important; padding: 10px !important; font-size: 12pt !important;}
.screen-reader-text {display: none !important;}

.blogdetails a h2{ font-size: 12pt !important;}
.blogdetails a h2:hover {text-decoration: none !important; color: #756656 !important;}
.blogdetails a {text-decoration: none !important;}

.sidebar select {width: 100% !important; margin-bottom: 20px !important; margin-top: 5px !important; color: #000!important; font-weight: normal !important;}

/* TESTIMONIALS */

.testimonialcontainer { background: #766453; padding-top: 50px; padding-bottom: 50px;}

.testimonial { 
	text-align: left !important;  
	font-style: italic; 
	margin: 0px auto; 
	padding: 10px;  

	line-height: 300px !important;
	
}

.testimonial  p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle; font-size: 14pt !important;}

.testimonialimg {   padding: 0px !important; margin: 0px !important;}

.testimonialimage {background-size: cover !important;}

.testimonialpage {  font-weight: 400 !important;  padding: 50px; padding-top: 0px !important; font-style: italic;color: #000;  font-style: italic; margin: 0px auto; padding: 20px;  }
.testimonial-container { margin-top: 0px;  overflow: hidden !important; color: #fff;  padding: 80px; background: #e8c96a !important;
 }


/* ACCORDION */

.panel-title {margin-top: 5px !important; padding: 10px !important; font-size: 14pt !important; line-height: 18pt !important; text-transform: none !important;}
.accordion-toggle {color: #756656 !important;}

.panel-heading {padding: 5px !Important;}
.panel-heading h2 a {font-size: 12pt !Important; color: #756656 !important; text-decoration: none !important;}




/* VIDEO */

.video {
    position:relative;
    padding-bottom:56.25%;
    padding-top:0px;
    height:0;
    overflow:hidden;
    margin: 0px; margin-top: 0px;
	margin-bottom: 20px !important;
}

.video iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;	border-radius: 0px;
}




/* FOOTER */

.footer { background: #766453; padding: 50px;  color: #fff; font-size: 10pt !important;}
.footer  .fab {font-size: 24pt; color: #fff; padding-right: 15px;}
.footer a {color: #fff !important; text-decoration: none !important;}
.footer a:hover {text-decoration: underline !important;}
.menu-footer {padding: 0px; list-style-type:none; margin-top: 0px !important; padding-top: 0px !important;}
.menu-footer a {color: #fff !important}

.pageheader {}

.pageheader h1 {font-size: 16pt !important;}
.postlist a  h2 {font-size: 14pt !important;}
.more-link {display: none;}
.footer strong {}



.pagesidebar hr {background: #f8f8f8 !important; padding: 1px !important; margin-top: 5px !important;}



/* SMALLER SCREENS */




@media only screen and (max-width: 1200px) {
	.navbar-nav li a { font-weight: 500 !important;  color: #756656 !important;  font-size: 9pt !important; text-transform: uppercase; letter-spacing: .08em !important;}
	
	
}
        


@media only screen and (max-width: 1112px) {
	.navbar-nav li a { font-weight: 500 !important;  color: #756656 !important;  font-size: 9pt !important; text-transform: uppercase; letter-spacing: .08em !important;}
	
	
}
        


@media only screen and (max-width: 767px) {
		body {padding-top: 65px !important;}
	.youremyhero  {height: auto !important; background: #f8f8f8 !important;}
	.topimage {height: 250px !important; background-attachment: scroll !important; background-position: 0px 0px 0px 0px !important;}
	.topimageoverlay {height: 250px !important;}
	.innerpagehero {height: auto !important;}
	.innerimage {height: 350px !important; background-size: cover !important;  background-position: center center; background-attachment: scroll !important; margin: 0px !important; 
		background-position: 0px 0px 0px 0px !important; position: relative; top: -60px !important;} 
	
	.testimonialcontainer {  padding-top: 0px; padding-bottom: 0px;}
	.mainmessage {width: 100% !important;  background: #f8f8f8 !important; font-size: 13pt !important; line-height: 16pt !important; z-index: 3000 !important;  position: relative; top: 250px !important;}
	.homepagemainmessage{ background: #f8f8f8 !important; padding: 10px;}
		.rightcolinnerpage { padding: 20px !important; padding-top: 20px !important; background: #f8f8f8 !important; font-size: 13pt !important;
			line-height: 16pt !important; width:100% !important; text-align: center; position: relative; top: 5px !important; padding:40px !important; }
	
	
	.pagecontent {margin-top: 0px !important;}
	.col-sm-4 {margin-bottom: 10px;}
	.sitewidecta {width: 100% !important; padding: 5px !important;}
	 .homepage {margin-top: 250px !important;}
	.rightcolinnerpage h1 {font-size: 12pt !important;}
	
	.section1 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section2 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section3 {padding-top: 10px !important; padding-bottom; 0px !important;}
	
	.footer {padding-top: 20px !important;}
	
}

/* Nexus 7 */

@media only screen and (max-width:600px) {
		body {padding-top: 90px !important;}
	.youremyhero  {height: auto !important;}
	.topimage {height: 350px !important; background-attachment: scroll !important; background-position: 0px 0px 0px 0px !important;}
	.topimageoverlay {height: 350px !important;}
	.mainmessage {width: 100% !important;  background: #fff !important; font-size: 13pt !important; line-height: 16pt !important; 
		z-index: 3000 !important;  position: relative; top: 260px !important;}
	.pagecontent {margin-top: 30px !important;}
	.col-sm-4 {margin-bottom: 10px;}
	.sitewidecta {width: 100% !important; padding: 5px !important;}
	.pagecontent .hometext {margin-top: 30px !important;}
	.innerimage {height: 250px !important; background-size: cover !important;  background-position: center center; background-attachment: scroll !important; margin: 0px !important; 
		background-position: 0px 0px 0px 0px !important;} 
	.rightcolinnerpage { padding: 20px !important; padding-top: 50px !important; background: #fff !important; font-size: 18pt !important; line-height: 21pt !important; width:100% !important; text-align: center; position: relative; top: 5px !important; padding: 0px; }
	.rightcolinnerpage h1 {font-size: 12pt !important;}
}


@media only screen and (max-width: 415px) {
	body {padding-top: 90px !important;}
	.youremyhero  {height: auto !important;}
	.topimage {height: 350px !important; background-attachment: scroll !important; background-position: 0px 0px 0px 0px !important;}
	.topimageoverlay {height: 350px !important;}
	.mainmessage {width: 100% !important;  background: #fff !important; font-size: 13pt !important; line-height: 16pt !important; 
		z-index: 3000 !important;  position: relative; top: 260px !important;}
	.pagecontent {margin-top: 30px !important;}
	.col-sm-4 {margin-bottom: 10px;}
	.sitewidecta {width: 100% !important; padding: 5px !important;}
	.pagecontent .hometext {margin-top: 30px !important;}
	.innerimage {height: 250px !important; background-size: cover !important;  background-position: center center; background-attachment: scroll !important; margin: 0px !important; 
		background-position: 0px 0px 0px 0px !important;} 
	.rightcolinnerpage { padding: 20px !important; padding-top: 50px !important; background: #fff !important; font-size: 18pt !important; line-height: 21pt !important; width:100% !important; text-align: center; position: relative; top: 5px !important; padding: 0px; }
	.rightcolinnerpage h1 {font-size: 12pt !important;}
}



/* IPHONE 6,7,8 plus, iphone xr, xs */

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

		body {padding-top: 65px !important;}
	.youremyhero  {height: auto !important; background: #f8f8f8 !important;}
	.topimage {height: 250px !important; background-attachment: scroll !important; background-position: 0px 0px 0px 0px !important;}
	.topimageoverlay {height: 250px !important;}
	.innerpagehero {height: auto !important;}
	.innerimage {height: 250px !important; background-size: cover !important;  background-position: center center; background-attachment: scroll !important; margin: 0px !important; 
		background-position: 0px 0px 0px 0px !important;} 
	
	.testimonialcontainer {  padding-top: 0px; padding-bottom: 0px;}
	.mainmessage {width: 100% !important;  background: #f8f8f8 !important; font-size: 13pt !important; line-height: 16pt !important; z-index: 3000 !important;  position: relative; top: 250px !important;}
	.homepagemainmessage{ background: #f8f8f8 !important; padding: 10px;}
		.rightcolinnerpage { padding: 20px !important; padding-top: 20px !important; background: #f8f8f8 !important; font-size: 13pt !important;
			line-height: 16pt !important; width:100% !important; text-align: center; position: relative; top: 5px !important; padding:40px !important; }
	
	
	.pagecontent {margin-top: 0px !important;}
	.col-sm-4 {margin-bottom: 10px;}
	.sitewidecta {width: 100% !important; padding: 5px !important;}
	 .homepage {margin-top: 250px !important;}
	.rightcolinnerpage h1 {font-size: 12pt !important;}
	
	.section1 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section2 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section3 {padding-top: 10px !important; padding-bottom; 0px !important;}
	
	.footer {padding-top: 20px !important;}
	
}










/* CHROME ON ANDROID */


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

	
	
	
	

}

/* iphone 6, 7 , 8, iphone x and xs */

@media only screen and (max-width: 375px) {
	
		body {padding-top: 85px !important;}
	.youremyhero  {height: auto !important; background: #f8f8f8 !important;}
	.topimage {height: 250px !important; background-attachment: scroll !important; background-position: 0px 0px 0px 0px !important;position: relative; top: -20px !Important;}
	.topimageoverlay {height: 250px !important;}
	
	.innerimage {height: 300px !important; background-size: cover !important;  background-position: center center; background-attachment: scroll !important; margin: 0px !important; 
		background-position: 0px 0px 0px 0px !important;} 
	
	.testimonialcontainer {  padding-top: 0px; padding-bottom: 0px;}
	.mainmessage {width: 100% !important;  background: #f8f8f8 !important; font-size: 13pt !important; line-height: 16pt !important; 
  position: relative; top: 250px !important;}
	.homepagemainmessage{ background: #f8f8f8 !important; padding: 10px;}
		.rightcolinnerpage { padding: 20px !important; padding-top: 0px !important; background: #f8f8f8 !important; font-size: 13pt !important; 
			line-height: 16pt !important; width:100% !important; text-align: center; position: relative; top: 5px !important; padding: 0px; }
	
	.rightcolinnerpage h1 {font-size: 11pt !important;}
	
	.pagecontent {margin-top: 0px !important;}
	.col-sm-4 {margin-bottom: 10px;}
	.sitewidecta {width: 100% !important; padding: 5px !important;}
	 .homepage {margin-top: 250px !important;}
	.hometext {padding: 20px !important; width: 100% !Important;}
	
	.section1 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section2 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section3 {padding-top: 10px !important; padding-bottom; 0px !important;}
	
	.footer {padding-top: 20px !important;}

}

/* Galaxy S9 + Android 7.0 */

@media only screen and (max-width: 360px) {
	
		body {padding-top: 80px !important;}
	.youremyhero  {height: auto !important; background: #f8f8f8 !important;}
	.topimage {height: 250px !important; background-attachment: scroll !important; background-position: 0px 0px 0px 0px !important;}
	.topimageoverlay {height: 250px !important;}
	
	.innerimage {height: 250px !important; background-size: cover !important;  background-position: center center; background-attachment: scroll !important; margin: 0px !important; 
		background-position: 0px 0px 0px 0px !important;} 
	
	.testimonialcontainer {  padding-top: 0px; padding-bottom: 0px;}
	.mainmessage {width: 100% !important;  background: #f8f8f8 !important; font-size: 13pt !important; line-height: 16pt !important; z-index: 3000 !important;  position: relative; top: 250px !important;}
	.homepagemainmessage{ background: #f8f8f8 !important; padding: 10px;}
		.rightcolinnerpage { padding: 20px !important; padding-top: 20px !important; background: #f8f8f8 !important; font-size: 13pt !important; line-height: 16pt !important; width:100% !important; text-align: center; position: relative; top: 5px !important; padding: 0px; }
	
	
	.pagecontent {margin-top: 100px !important;}
	.col-sm-4 {margin-bottom: 10px;}
	.sitewidecta {width: 100% !important; padding: 5px !important;}
	 .homepage {margin-top: 250px !important;}
	.rightcolinnerpage h1 {font-size: 12pt !important;}
	
	.section1 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section2 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section3 {padding-top: 10px !important; padding-bottom; 0px !important;}
	
	.footer {padding-top: 20px !important;}


}

/* iphone 5-se */
@media only screen and (max-width: 320px) {
	
		
		body {padding-top: 80px !important;}
	.youremyhero  {height: auto !important; background: #f8f8f8 !important;}
	.topimage {height: 250px !important; background-attachment: scroll !important; background-position: 0px 0px 0px 0px !important;}
	.topimageoverlay {height: 250px !important;}
	
	.innerimage {height: 250px !important; background-size: cover !important;  background-position: center center; background-attachment: scroll !important; margin: 0px !important; 
		background-position: 0px 0px 0px 0px !important;} 
	
	.testimonialcontainer {  padding-top: 0px; padding-bottom: 0px;}
	.mainmessage {width: 100% !important;  background: #f8f8f8 !important; font-size: 13pt !important; line-height: 16pt !important; z-index: 3000 !important;  position: relative; top: 250px !important;}
	.homepagemainmessage{ background: #f8f8f8 !important; padding: 10px;}
		.rightcolinnerpage { padding: 20px !important; padding-top: 20px !important; background: #f8f8f8 !important; font-size: 13pt !important; line-height: 16pt !important; width:100% !important; text-align: center; position: relative; top: 5px !important; padding: 0px; }
	
	
	.pagecontent {margin-top: 100px !important;}
	.col-sm-4 {margin-bottom: 10px;}
	.sitewidecta {width: 100% !important; padding: 5px !important;}
	 .homepage {margin-top: 250px !important;}
	.rightcolinnerpage h1 {font-size: 12pt !important;}
	
	.section1 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section2 {padding-top: 10px !important; padding-bottom; 0px !important;}
	.section3 {padding-top: 10px !important; padding-bottom; 0px !important;}
	
	.footer {padding-top: 20px !important;}

}


/* ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	


}
	
	
	/* ipad pro 10 in */
@media only screen 
and (min-device-width : 834px) 
and (max-device-width : 1112px) 
and (orientation : landscape) {
	}
	
@media only screen 
and (min-device-width : 834px) 
and (max-device-width : 1112px) 
and (orientation : portrait) {
	
	
	.rightcolinnerpage {padding: 5px !important; padding-top: 20px !important;  font-size: 21pt !important; width:100% !important; text-align: center; 
		 }
	.rightcolinnerpage h1 {font-size: 12pt !important;}
}


	
	/* ipad pro 12 in */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait) {
	.navbar ul li a {padding: 5px !important;}
	.navbar ul li a {font-size: 9pt !important;}
	.topimage {background-size: cover !important; background-attachment: scroll !important;}
	
	}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : landscape) {

	.topimage {background-size: cover !important; background-attachment: scroll !important;}
	}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	.topimage {background-size: cover !important; background-attachment: scroll !important;}
	}