@charset "UTF-8";
/* CSS Document */

#service figure img {border:1px  solid  #033}
#service figure img.no-border {border: none}

.abo {
	width:28%;
	padding:1.5rem 1.5rem;
	background-color: rgba(0,0,0,.7);
	float:left;
	margin: 0 7% 2rem 0;
	color:#ddd;
	
}


.a3 {margin: 0 0 2rem 0}

.a2 {margin: 0 7% 15rem 0}

.a5 {margin: 0 7% 8rem 0}

 
.green { margin: 0 0 2rem 0;}



.abo p {margin: 0; line-height: 1.25rem; font-size:1.25rem; color:#cc3; text-align: right}

.abo p br {font-size:.1rem; line-height: .1rem}

.abo img {margin-bottom:0}

p.letter-w {color:#ddd; margin-top: 0; font-size:1.25rem; font-weight: 600;line-height: 1.5rem;  font-family: 'Barlow Condensed',  sans-serif;  text-align: left}

p.latis { margin:0 0 .75rem auto; width:100%; font-size: 1.5rem; font-family: 'Barlow Condensed',  sans-serif; color: #cc3; text-align: right }





.abo h3 {font-size:1.5rem; letter-spacing: 1px; color:#cc3; text-transform: uppercase; margin:.5rem 0 0; font-weight: 400; text-shadow: none; font-family: 'Barlow Condensed',  sans-serif;}

.abo h2 {margin: 1rem 0 1rem ;   color:#fff; font-weight:700; font-family: 'Fredericka the Great','Barlow Condensed',  sans-serif; font-size:2rem;}



.abst1 {margin: 3rem 0 1rem}




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

.abo {
	width:48%;
	padding:1.5rem 1.5rem;
	float:left;
	margin: 0 3% 2rem 0
	
}
	
	.a2 {margin-right:0}
	.a4	{margin-right:0}
	.a5 {margin-right:3%; }
	.green {margin-right:0; }
	.a7 {margin-right:0}
	
}


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


.abo {
	width:97%;

	float:left;
	margin: 0 .5rem 2rem 
	
}
	
	.a2 {margin-right:0}
	.a4	{margin-right:0}
	.a5 {margin-right:.5rem}
	.green {margin-right:0;}
	
}