@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
	{
		
		body
{
	
	text-align:center;
}

	
.mobilehide
{
/*display:none;*/
}

.cc-box 
   {
padding:0px;

  }
  
  .h3 {
  font-size: 26px;
}

.cc-featuretext{

	font-size:14px;

}

h3
{   
	margin:10px 0px 10px 0px;
	font-size:30px;
}


}


/*STANDARD DESKTOP AND GLOBAL*/

body
{
font-family: 'Ubuntu', sans-serif !important;	
background:#FFFFFF;
}



.marginbox100
{
	height:100px;
}


.marginbox50
{
	height:50px;
}

.marginbox20
{
	height:20px;
}



.darktext
 {
color:#000000 !important;
 }
 


.cc-center
	{
	text-align:center !important;
	}
	
.cc-right
	{
	text-align:right !important;
	}
.cc-left
	{
	text-align:left !important;
	}
	
	
	
hr.cc 
   {
    height: 1px;
    background: #282828;
   }


.cc-caption{
	clear:both;
	font-size:14px;
}

.text-black
{
	color:#000000;
}

.text-gray
{
	color:#545454;
}
.text-white
{
	color:#FFFFFF !important;
}

.text-gold
{
	color:#FFBF00 !important;
}


.cc-featuretext{
	clear:both;
	font-size:18px;
	font-weight:bold;
}
 
 
/*-----Start Section Divider Boxes-----*/
.cc-box 
   {
width:100%;
margin:0 auto;
min-height:400px;
padding:50px 0px 50px 0px;
/*border-top: 0.5px solid #282828;
border-bottom: 0.5px solid #282828;*/
  }
  
.cc-short-box 
   {
width:100%;
margin:0 auto;
padding:50px 0px 50px 0px;
/*border-top: 0.5px solid #282828;
border-bottom: 0.5px solid #282828;*/
  }
  
.cc-imageframe {
  min-height: 20px;
  border: 1px solid #C1C1C1;
  padding:6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.cc-imageframenoborder {
  min-height: 20px;
  border: 0px solid #C1C1C1;
  padding:6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.cc-iconframe {
  min-height: 20px;
  border: 1px solid #C1C1C1;
  background: #ffffff;
  text-align:center;
  padding:6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}



.desktop
 {
background-color:#FFFFFF !important;
background: url(../Images/DesktopFade.jpg);
background-size: 100%;
background-repeat: no-repeat;
text-align:center;
 }
 
  
 .white
 {
background-color:#FFFFFF;

 }
 
  .black
 {
background-color:#000000;
 }
 .gray
 {
background-color:#151515;
 }
 
   .lightgray
 {
background-color:#DDDDDD;
 }
 
 
   .salmon
 {
background-color:#f542aa;
 }
 
 
    .darkblue
 {
background-color:#003466;
 }
 
 
     .yellow
 {
background-color:#faf200;
 }
 
 
 
  .image-code
 {
background: url(../Images/bgCode.jpg);
 }
 
   .image-wood
 {
background: url(../Images/bgWood.jpg);
 }
 
    .image-beach
 {
background: url(../Images/bgBeach.jpg);
 }
 
     .image-mex
 {
background: url(../Images/bgMez.jpg);
 }
 
 
    .image-lex
 {
background: url(../Images/bgLex.jpg);
 }
 

 
/*----End Section Divider Boxes-----*/ 
 
/*----------Transitions----------------*/

.fade
{
        opacity:1;
}
.fade:hover
{
        opacity:0.9;
}

/*-----------End Transitions------------*/


/*---------START NON-CODIST CORE ITEMS---------*/