
 
#colwrapper { 
  margin:0px auto;  padding: 0px auto  0px auto; 
	overflow: hidden; max-width:100%; width:100%;  
}

/************************************************************************************
LOGO COLUMNS COLWRAPPER GRID 3
*************************************************************************************/
 
/* grid3 col */
.grid3 .col1 {  float:left; text-align:left;
max-width: 300px;  margin:10px 10px 10px 20px;	background: #fff;   
} 
.grid3 .col1  img { margin: 0px 0px 3px 20px;	background: transparent;  
} 




.grid3 .col3 {
	 background: transparent; 
	float:right; 
	margin: 40px 30px 10px 0px;  padding-top:10px; 	
  font: 400 28px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  background:transparent;
  color: #6e0c0c; 
  text-align:right;  background:  #fff;  
}



.grid3 .col3 span {
 background: transparent; 
	float:right; 
	margin: 0px 0px 4px 0px;  padding-top:0px; 	
  font: 400 38px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  background:transparent;
  color: #6e0c0c; 
  text-align:right;  background:  #fff;  
}


.grid3 .col3 span a {
  color: #6e0c0c;  
}
.grid3 .col3 span a:hover {
  color: #6e0c0c;   text-decoration: underline;
}

.grid3 .col3 br { display:inline;}
/* clear col */
.grid3 .col:nth-of-type(1n+1) {
	margin-left: 0; 	background: #fff;
}
 .grid3 .col3 img { margin: 0px 0px 3px 0px;
} 

.colwrapper a {
 text-align:right; background:transparent; text-decoration: none; color: #000;   
}
.colwrapper a:hover {
 text-align:right;   background:transparent;text-decoration: underline; color: #000;  
}



   
   
  
@media screen and (max-width:1135px)
{  
 
 
 
.colwrapper a {
 text-align:right; background:transparent; text-decoration: none;
}
.colwrapper a:hover {
 text-align:right;   background:transparent;text-decoration: underline;
} 
  
}
   
    
   
  
@media screen and (max-width:1010px)
{  
 
/* grid3 col */
.grid3 .col1 {  float:left;
	width: 75%; margin:10px 0px 10px 20px;	background: transparent;   
} 

.grid3 .col3 {
	 background: transparent; 
	float:right; 
	margin: 40px 30px 10px 0px;  padding-top:10px; 	
  font: 400 25px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  background:transparent;
  color: #6e0c0c; 
  text-align:right;  background:  #fff;  
}
 
.grid3 .col3 span {
 background: transparent; 
	float:right; 
	margin: 0px 0px 4px 0px;  padding-top:0px; 	
  font: 400 34px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  background:transparent;
  color: #6e0c0c; 
  text-align:right;  background:  #fff;  
}

.grid3 .col3 br { display:inline;}
/* clear col */
.grid3 .col:nth-of-type(1n+1) {
	margin-left: 0; 	background: #fff;
} 
 
  
}
    
 

  
@media screen and (max-width:780px)
{   
  
.grid3 .col3 {
 background: transparent; 
	float:right; 
	margin: 40px 30px 10px 0px;  padding-top:10px; 	
  font: 400 22px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  background:transparent;
  color: #6e0c0c; 
  text-align:right;  background:  #fff;  
}
 
.grid3 .col3 span {
 background: transparent; 
	float:right; 
	margin: 0px 0px 4px 0px;  padding-top:0px; 	
  font: 400 30px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  background:transparent;
  color: #6e0c0c; 
  text-align:right;  background:  #fff;  
}

.grid3 .col3 br { display:inline;}
/* clear col */
.grid3 .col:nth-of-type(1n+1) {
	margin-left: 0; 	background: #fff;
} 
  
}
  
  

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

.grid3 .col1 {  float:none; text-align:center;
max-width: 100%;  margin:10px auto 5px auto;	background: #fff;   
}  
 
  
.grid3 .col3 {
 background: transparent; 
float:none; text-align:center;
	margin:10px auto;  padding:0px; 	
  font: 400 20px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  color: #6e0c0c; 
  background:  #fff; 
}
 
.grid3 .col3 span {
 background: transparent; 
	float:none; text-align:center;
	margin:10px auto;  
  font: 400 20px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  color: #6e0c0c;   background:  #fff;  
}

.grid3 .col3 img ,.grid3 .col3 br { display:none;}
/* clear col */
.grid3 .col:nth-of-type(1n+1) {
	margin-left: 0; 	background: #fff;
} 
   
  
article.grid3 .col3 img { margin: 0px 0px 3px 0px;
 text-align:center; 
}  
}
  
@media screen and (max-width:380px)
{   
 

.grid3 .col1 img {  float:none; text-align:center;
max-width: 100%;  margin:2px auto; padding:0px;	background: #fff;   
}  
 
  
.grid3 .col3 {
 background: transparent; 
float:none; text-align:center;
	margin:10px auto;  padding:0px; 	
  font: 400 23px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  color: #6e0c0c; 
  background:  #fff; 
}
 
.grid3 .col3 span {
 background: transparent; 
	float:none; text-align:center;
	margin:10px auto;  
  font: 400 23px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  color: #6e0c0c;   background:  #fff;  
}

.grid3 .col3 br { display:inline;}
/* clear col */
.grid3 .col:nth-of-type(1n+1) {
	margin-left: 0; 	background: #fff;
} 
   
  
article.grid3 .col3 img { margin: 0px 0px 3px 0px;
 text-align:center; 
}   
}
  
   
  
@media screen and (max-width:350px)
{   
 
.grid3 .col3 {
 background: transparent; 
float:none; text-align:center;
 margin:10px auto;  padding:0px; 	
  font: 400 20px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  color: #6e0c0c; 
  background:  #fff; 
}
 
.grid3 .col3 span {
 background: transparent; 
	float:none; text-align:center;
	margin:10px auto;  
  font: 400 20px Open Sans, 'Raleway', arial, helvetica, sans-serif; 
  color: #6e0c0c;   background:  #fff;  
}
  
}
  