/*Start css May 2018
===========================================================================================================*/
body { 
	font-family:Myriad pro, Arial, sans-serif;
	color: #7E6052; 
	font-size:18px;
	font-weight: thin;
	text-rendering: optimizelegibility;
	background-color: #FFF;
	line-height: 1.6rem;
	/*margin-bottom: 0.5rem;*/
	/*margin-top: 0.2rem;*/
}

p { font-size:20px;line-height: 1.5em; color:#7E6052;padding-left:20px; padding-right:20px;}

a { color:#ffffff;}
a:hover,
a:focus { color:#72CAC3;}

h1 {  
font-family: Myriad pro, Arial, sans-serif;
color:#005a70;
 font-size:38px;
 padding-left:10px;
 }

h2 {  color:#F58675;font-size:24px;
      padding-left:10px;
      color:#72CAC3;
}

h3 { 
font-family: Myriad pro, Arial, sans-serif;
color:#F58675;
font-size:24px;
padding-left:20px;

}


h8 { 
     color:#fff;
     font-size:18px;
	 text-align:center;
     padding-left:243px;
	 padding-bottom:10px;
	 padding-top:5px;
}

/*=============Navigation=====================*/


/*============= End Navigation=====================*/


.band {width:100%;}



.home-wrapper-index {
    position: absolute;
    top:560px;
    left: 0;
    width: 100%;
    height: 51px;
	z-index:999;
}


.home-wrapper-mobile {
    position: absolute;
    top:220px;
    left: 0;
    width: 100%;
    height: 51px;
	z-index:999;
}


.home-wrapper-tablet {
    position: absolute;
    top:220px;
    left: 0;
    width: 100%;
    height: 51px;
	z-index:999;
}


#header-band { background-color:#fff;}

#video-band { background-color:#ffffff;}

#video-homepage-band { background-color:#f48870;}

#landing-band { background-color:#fff;

}
#nav-band {background-color:#fff;}

#nav-band-desktop {background-color:#fff;
                   }

#design-band {background-color:#72CAC3;}

#content-band {background-color:#72CAC3;}

#video-homepage-content-band {background-color:#ffffff;}

#design-icon-band {background-color:#ffffff;
              padding: 10px 0px 10px 0px;
			  
}

#teal-band {background-color:#72CAC3;
            padding-top: 30px;
			padding-bottom: 70px;
}

#footer-band {background-color:#f5886f;
              padding: 5px 0px 5px 0px;
			  
}

#footer-tablet-band {background-color:#72CAC3;
              padding: 5px 0px 5px 0px;
			  position: absolute;
              bottom: 0;
			  width:100%;
			  

}

#footer-tablet2-band {background-color:#72CAC3;
              padding: 10px 0px 10px 0px;
			  position: absolute;
              bottom: 0;
			  width:100%;
			  

}


#footer-mobile-band {background-color:#72CAC3;
              padding: 10px 0px 10px 0px;

}
		   
.resume-bttn {
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.035em;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	background-color:#F58675;
	width: 250px;
	margin-left:20px;
	padding: 15px 30px;
	text-decoration: none;
	text-align: center
}

.resume-bttn:hover,
.resume-bttn:focus {
	color: #FFF;
	text-decoration: none;
	background-color:#005a70;
}

.resume-bttn-sty{
	padding-left:90px;
	
}




.welcome-bttn {
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	background-color:#F58675;
	padding: 20px 60px;
	text-decoration: none;
}

.welcome-bttn:hover,
.welcome-bttn:focus {
	color: #FFF;
	text-decoration: none;
	background-color:#CDD57F;
}

.welcome-bttn-sty{
	padding-left:500px;
	
}



.welcome-small-bttn {
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	background-color:#F58675;
	padding: 20px 60px;
	text-decoration: none;
}

.welcome-small-bttn:hover,
.welcome-small-bttn:focus {
	color: #FFF;
	text-decoration: none;
	background-color:#CDD57F;
}

.welcome-small-bttn-sty{
	padding-left:250px;
	padding-top:100px;
	
}



.welcome-mobile-bttn {
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	background-color:#F58675;
	padding: 20px 60px;
	text-decoration: none;
}

.welcome-mobile-bttn:hover,
.welcome-mobile-bttn:focus {
	color: #FFF;
	text-decoration: none;
	background-color:#CDD57F;
}

.welcome-mobile-bttn-sty{
	padding-left:80px;
	/*padding-top:50px;*/
	
}


.learn-bttn2 {
	font-size: 12pt;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 25px;
	background-color:#818285;
	padding: 14px 35px;
	text-decoration: none;
}

.learn-bttn2:hover,
.learn-bttn2:focus {
	color: #FFF;
	text-decoration: none;
	background-color:#00B8B5;
}

.social-media { 
	text-align:left;
    padding-top:55px;
	padding-left:10px
}

.social-media a {
	font-size: 12px;
	color:#fff;
	text-decoration: none;
	padding: 0 0.2em;
}

.social-media a:hover,
.social-media a:focus { color:#CFCFCF; }

.fa-inverse { color: #00B8B5 !important;}

/* BASIC MEDIA QUERIES
===========================================================================================================*/
@media (min-width: 1200px) {  /* Large desktop */}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */

p { font-size:16px;line-height: 1.5em; color:#7E6052;padding-left:20px; padding-right:20px;}

}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */}

@media (max-width: 480px) { /* Landscape phones and down */

p { font-size:16px;line-height: 1.5em; color:#7E6052;padding-left:20px; padding-right:20px;}

}

.navigation{
	font-family: 'GillSansStd', Helvetica, Arial, sans-serif;
	float: right;
    display: block;
    color:blue;
    text-align: right;
    /*padding-left: 16px;*/
    text-decoration: none;
    font-size: 20px;
	height:auto;
}

.Design-text-left{
	color:#7E6052;
	font-size:18px;
	padding-right:30px;
    padding-left:20px;
}

.Design-text-right{
	color:#7E6052;
	font-size:18px;
	padding-left:20px;}


.video-text{
	color:#005a70;
	font-size:18px;
	padding-left:20px;
	
	}
	
	
.video{
	text-align:center;
	padding-top:55px;
	padding-bottom:55px;
}



.video-left{
	text-align:left;
	padding-top:15px;
}


.video-right{
	text-align:right;
	padding-top:15px;
}
.video-center{
	text-align:center;
	padding-top:15px;	
}
.footer-text{
	text-align:center;
	font-size:10px;
	color:#ffff;
	padding-top:10px;
}


.design-link a{
	text-align:left;
	font-size:18px;
	color:#00B8B5;
	padding-left:20px;
}

.design-link hover{
	text-align:left;
	font-size:18px;
	color:#00B8B5;
}

.social-media { 
	text-align:center;
    padding-top:10px;
	padding-left:10px
}

.social-media a {
	font-size: 12px;
	color:#fff;
	text-decoration: none;
	padding: 0 0.2em;
}

.social-media a:hover,
.social-media a:focus { color:#CFCFCF; }

.fa-inverse { color:#72CAC3 !important;}


.contact-text{ 
      font-family: 'GillSansStd', Helvetica, Arial, sans-serif;
      font-size: 30px;
	  color:#7E6052;
	  padding-left:30px;
	  
}


.contact-info{ 
      font-family: 'GillSansStd', Helvetica, Arial, sans-serif;
      font-size: 20px;
	  color:#7E6052;
	  padding-left:30px;
}


.ad{
	
	padding-top:100px;
	
}


.hr{
	width: 1170px;
	
}

.social-image{
	text-align:center; 
}