/* Global */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, embed,  footer, header, hgroup, 
menu, nav, output,  section, summary,
time, mark, audio, video
 {
	margin: 0;
	padding: 0;F
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, footer, header, hgroup, menu, nav, section {display: block;
}
body {line-height: 1;
}
ol, ul {list-style: none;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;
}
table {border-collapse: collapse; border-spacing: 0; width:100%;
}
strong	{font-weight:500;
}
#phone-text a{color:#fff; text-decoration:none;
}
img	{vertical-align:bottom;
}
i	{font-style:italic;
}
/*--reset--*/

html { }
body {margin: 0 !important; padding: 0 !important; background-color:#fff;
}
a:link	{text-decoration:none; color:#177051; font-weight:400;
}
a:visited	{text-decoration:none; color:red;
}
a:hover	{color:#1d6f69;
}
a:active	{color:red;
}
a.x:link	{text-decoration:none; color:#000;
}
a.x:visited	{text-decoration:none; color:#000;
}
a.x:hover	{color:#1d6f69;
}
a.x:active	{color:red;
}
a.y:link	{text-decoration:none; color:#fff;
}
a.y:visited	{text-decoration:none; color:#fff;
}
a.y:hover	{text-decoration:none; color:#fff;
}
a.y:active	{text-decoration:none; color:#fff;
}
a.bl:link	{text-decoration:none; color:#0013b9;
}
a.bl:visited	{text-decoration:none; color:blue;
}
a.t:link	{text-decoration:none; color:#0013b9;
}
a.t:visited	{text-decoration:none; color:blue;
}
a.t:hover	{text-decoration:none; color:red;
}
a.t:active	{text-decoration:none; color:#0013b9;
}
a.w:link	{text-decoration:none; color:#fff;
}
a.w:visited	{text-decoration:none; color:#fff;
}
a.w:hover	{text-decoration:none; color:#fff;
}
a.w:active	{text-decoration:none; color:#fff;
}
#phone-text a	{color:#fff; text-decoration:none;
}
.wrapper	{max-width:1920px; width:100%; margin:0 auto; position:relative;
}
.header		{width:100%; float:left; background:url('blue.jpg'); background-size:cover;
}
.header-2		{width:100%; float:left; background:url('set.jpg'); background-size:cover; height:780px;
}
.title	{width:50%; float:left; margin: 100px 0 0 120px;
}
.title h2 {font-family:"Federo", sans-serif;  font-weight:400;  font-size:160%; color:#fff; font-style:italic; padding-bottom:30px;
}
.dry	{width:180px; float:right; margin:40px 100px 0 0;
}
.phones-1	{width:100%; float:left; margin-top:30px;
}
.phones-1 p	{font-family:'Play', sans-serif; font-size:24px; color:#fff;
}
.phones-2	{width:100%; float:left; margin-top:10px;
}
.phones-2 p	{font-family:'Play', sans-serif; font-size:24px; color:#fff;
}
.strap	{width:60%; float:left; margin: 50px 0 80px 120px;
}
.rel-100	{width:100%; float:left; position:relative;
}
.rafters-100	{width:100%; float:left; background:url('rafters.jpg');
}
.basic-100	{width:100%; float:left;
}
.col-100	{width:100%; float:left; padding:3% 0; background:rgba(219.2, 154, 16.2, 0.2);
}
.col-200	{width:100%; float:left; padding:0; background:rgba(219.2, 154, 16.2, 0.6);
}
.col-200 p	 {font-family: "Play", sans-serif; font-size:110%; font-weight:400; font-style: normal; color:#fff; line-height:100%; margin:0.5% 2%;
}
.blu-100	{width:100%; float:left; padding:2% 0; background:#aad3df;
}
.ac-96		{width:96%; float:left; margin:2%; text-align:center;
}
.ac-96b		{width:96%; float:left; margin:0.3% 2%; text-align:center;
}
.ac-96c	{width:96%; float:left; margin:0.3% 2%; text-align:left;
}
.ac-92	{width:92%; float:left; margin:1% 2% 2% 4%;
}
.ac-80	{width:80%; float:left;
}
.ac-70	{width:70%; float:left; margin:4% 15% 2% 15%; 
}
.ac-70	p	{font-family: "Play", sans-serif; font-weight: 400; font-style: normal; color:#fff; margin:0; padding:0; line-height:100%;
}
.ac-701	{width:70%; float:left; margin:4% 15% 2% 15%;
}
.ac-50L	{width:48%; float:left; margin:2% 2% 2% 0;
}
.ac-50-in	{width:98%; padding:2% 1%; background:#b54611; height:40px;
}
.ac-50R	{width:48%; float:left; margin:2% 0 2% 2%;
}
.half-L	{width:48%; float:left;  background:#00487a; margin-right:2%; 
}
.half-L	p {font-family: "Play", sans-serif; font-size:110%; font-weight:400; font-style:normal; color:#fff; line-height:130%; margin-bottom:2%;
}
.half-R	{width:44%; float:left;  background:#009c8d; margin-left:2%; padding:1.4%; 
}
.half-R	p {font-family: "Play", sans-serif; font-size:110%; font-weight:400; font-style:normal; color:#fff; line-height:130%; margin: 1% 0 2% 0;
}
.ac-48-L	{width:52%;  position:absolute; top:2%; left:10%; background:rgba(219.2, 154, 16.2, 0.2); padding:2% 2% 2% 8%;
}
.ac-48-L h1	{font-family: "Cinzel", serif; font-weight: 400; font-style: normal; color:#db6342; font-size:240%; text-shadow:none; margin-bottom:4%; 
}
.ac-48-L h3	{font-family:"Federo", sans-serif;  font-weight:400;  font-size:120%; font-style:italic; color:#af762d; padding-bottom:2%;
}
.ac-48-R	{width:42%;  position:absolute; top:20%; left:47%; background:rgba(219.2, 154, 16.2, 0.2); padding:2%;
}
.ac-48-R	h3	{font-family:"Federo", sans-serif;  font-weight:400; font-size:120%; font-style:italic; color:#af762d; padding-bottom:2%;
}
.ac-40-outer	{width:30%; float:right; margin-right:6%; background:#6d95b8; position:relative; z-index:500; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.ac-40	{width: 86%; float:left; margin:6% 4% 6% 4%; background:#35557b; padding:2%; border-radius:6px; border:2px #8bb8ec solid; 
}
.ac-40 h2	{font-family: "Prosto One", sans-serif; font-weight:400; font-style: normal; color:#fff; font-size:160%; padding:4% 0;
}
.ac-40 p	{font-family: 'Times New Roman', serif; font-size:120%; color:#fff; line-height:140%; padding-bottom:4%; line-height:100%;
}
.ac-40-pic	{width:100%; float:left; margin-top:2%;
}
.ac-18	{width:18%; float:left; margin-right:2%;
}
.pne	{width:14%; float:right; margin:0;
}
.guar	{width:12%; float:left; margin-right:2%;
}
.raft-L	{width:50%; float:left; margin:6% 0 1% 4%; text-align:justify;
}
.raft-L h1	{font-family:"Federo", sans-serif; font-weight:400; font-size:200%; color:#000; font-style:normal; text-shadow:none; padding-bottom:2%;
}
.container-stretch	{width:100%; float:left; display:flex; align-items:stretch;
}
.band	{width:100%; float:left; margin:0; padding:0; background:url('goldsea.jpg'); text-align:center;
}
.band-aut	{width:70%; margin:1% auto;
}
.band-top	{width:100%; float:left; margin:0; display:none;
}
.band-btm	{width:100%; float:left; margin:0; display:none; margin-bottom:10px;
}
.band-btm h3	{font-family:"Federo", sans-serif;  font-weight:300; font-size:140%; color:#fff; font-style:italic; 
}
.band h1	{font-family: "Cinzel", serif; font-weight: 400; font-style: normal; color:#fff; font-size:50px; margin-top:10px;
}
.menu	{width:100%; float:left; background: linear-gradient(to right, #b28200, #cfaf57, #b28200);
}
.aut-2	{width:1190px; margin:6% auto; text-align:center;
}
.aut-2 h4	{font-family: "Play", sans-serif; font-weight: 700; font-style: normal; color:#000; font-size:140%;
}
.aut-2 p	{font-family: "Play", sans-serif; font-weight:400; font-style: normal; color:#810000; font-size:120%; line-height:100%;
}
.aut-2 h6	{font-family: "Play", sans-serif; font-weight:400; font-style: normal; color:#000; font-size:120%; padding-top:2%;
}
.aut-3		{width:1190px; margin:6% auto;
}
.skills-in	{width:100%; float:left; background:rgba(219.2, 154, 16.2, 0.2); margin-bottom:2%; padding:2% 0;
}
.skills-L	{width:30%; float:left; margin-right:4.8%;
}
.skills-R	{width:30%; float:left; margin:0;
}
.panels		{width:100%; float:left; box-sizing:border-box; border:1px #d0aa9f solid; padding:1% 0; margin-bottom:2%; background:#eae3e1;
}
.just	{width:100%; text-align:justify;
}
.bado	{width:30%; float:left; padding:3px; border:1px #000 solid; margin-right:4.8%; box-sizing:border-box; text-align:left; height:110px; position:relative;
}
.bado h5, .bado-R h5	{font-family: "Play", sans-serif; font-weight:400; font-style: normal; color:#000; font-size:80%; line-height:120%; margin:0; padding:0;
}
.bado-R	{width:30%; float:left; margin:0; padding:3px; border:1px #000 solid; box-sizing:border-box; text-align:left; height:110px; position:relative;
}
.badim	{width:10%; position:absolute; bottom:5%; right:2%;
}
.just	{width:100%; text-align:justify;
}
.pad	{width: 96%; float:left; margin:2%;
}
.pad-2	{width:80%; float:left; margin:4% 2% 4% 2%; border:1px #fff solid; border-radius:4px; padding:0.7% 0.5% 0 0.5%; background:#006ab4;
}
.pad-3	{width:90%; float:left; margin:2%; background:green;
}
.standout	{width: 100%; float:left; padding:1%; border:1px #000 solid; margin-bottom:2%; box-sizing:border-box;
}
.standout p	{font-family: "Play", sans-serif; font-size:110%; font-weight: 400; font-style: normal; color:#000; line-height:130%; margin-bottom:2%;
}
.standout-2	{display:none;
}
.footer	{width:99%; float:left; background:#af762d; padding:0.5% 0 2% 1%;
}

.f-1	{width:100px; float:left; margin: 5px 40px 0 60px;
}
.f-2	{width:240px; float:left; margin:44px 40px 0 0; text-align:center;
}
.f-2 p	{font-family:"Federo", sans-serif; font-weight:400;  font-size:120%; color:#fff; font-style:italic; 
}
.f-3	{width:135px; float:left; margin:48px 40px 0 0; text-align:center;
}
.f-3 p	 {font-family: "Play", sans-serif; font-weight:400; font-style:normal; font-size:16px; margin:0; padding:0; color:#fff;
}
.f-4	{width:180px; float:left; margin:48px 40px 0 0; text-align:center;
}
.f-4 p	{font-family: "Play", sans-serif; font-weight:400; font-style:normal; font-size:16px; margin:0; padding:0; color:#fff; line-height:100%;
}
.footin	{width:70%; float:left; text-align:center; margin:0.5% 15%;
}
.footin h2	{color:#fff; font-size:150%; font-weight:300; line-height:130%;
}
.footin p	{color:#fff; font-size:120%; font-weight:300; line-height:130%; padding:1% 0; font-style:italic; line-height:100%;
}
.footer-2	{width:100%; float:left; position:relative; display:none;
}
.footer-3	{width:100%; float:left; position:relative;
}
.pic4	{width:22%; float:left; margin:1.4%; 
}
.clear	{clear:both;
}

.spacer	{width:100%; height:5px; margin:2% 0; float:left;
}
.spacer-sp	{width:100%; height:5px; margin:4% 0; float:left;
}
.spacer-sm	{width:100%; height:5px; margin:1% 0; float:left;
}
.spacer-adjust, .spacer-adjust-2	{width:100%; height:1px; margin:0 0%; float:left;
}
.spacer-2	{width:100%; height:15px; margin:3% 0; float:left;
}
.cent	{width:100%; float:left; text-align:center;
}
.line	{width:100%; float:left; height:1px; background:#000; margin:2% 0;
}
.areas	{float:left;  border-radius:4px; border:1px #000 solid; padding:3px 6px; background:rgba(219.2, 154, 16.2, 0.6); margin:0 0 10px 10px;
}
.areas p	{font-family: 'Raleway', sans-serif; color:#000; font-size:100%; font-weight:300; line-height:100%; margin:0; padding:0; line-height:100%;
}
.but	{float:left;  border-radius:4px; border:1px #000 solid; padding:3px 6px; background:#37889a; margin:0 0 10px 10px;
}
.but:hover	{border:1px red solid;
}
.but p	{font-family: 'Raleway', sans-serif; color:#fff; font-size:115%; font-weight:300; line-height:100%; margin:0; padding:0; line-height:100%;
}
.butt-2	{float:left;  border-radius:4px; border:1px #000 solid; padding:3px 6px; background:#fff; margin:0 0 10px 10px;
}
form {width:40%; float:left; margin:4% 30%;
} 
label	 {font-family: "Play", sans-serif; font-size:110%; font-weight: 400; font-style: normal; color:#000; line-height:130%; margin-bottom:2%;
}
input, textarea {
width: 90%;
padding: 10px;
margin: 8px 0;
border: 1px solid #ccc;
border-radius: 4px;
font-size:100%;
}
button {
background-color: #28a745;
color: white;
padding: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover { background-color: #218838; 
}
#contactForm	{font-family: "Play", sans-serif; font-size:110%; font-weight: 400; font-style: normal; color:#000; line-height:120%; margin-bottom:0;
}
#contactForm textarea{font-family: "Play", sans-serif; font-size:110%; font-weight: 400; font-style: normal; color:#000; line-height:120%; margin-bottom:0;
}
.table {font-family: "Roboto", sans-serif; font-weight:400; font-style: normal; font-size:100%; line-height:140%; padding-bottom:2%;
}
td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;
}

tr:hover {background-color: #ddd;
}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4a74a2;
  color: #fff;
  }
.scrollToTop{
    width:5%; 
    height:auto;
    padding:1%; 
   position:fixed;
    top:85%;
    right:2%;
    display:none;
    z-index:1500;
}
.scrollToTop:hover	{text-decoration:none;
}
.container-70	{width:70%; float:left;  margin:3% 15%; display:flex; align-items:center;
}
.container-cent	{width:100%; float:left; display:flex; align-items:center;
}
.container-port-3	{width:100%; padding:2% 0; float:left; border-bottom:2px #adbfbf solid; border-top:2px #adbfbf solid;
				background:linear-gradient(to right, rgba(173,191,191,1),  rgba(173,191,191,0.1),  rgba(173,191,191,1)); 
}
.container	{width:100%; float:left; display:flex; align-items:center;
}
.container-stretch-70	{width:70%; float:left; display:flex; align-items:stretch; margin:0 15%;
}
.portfolio	{width:80%; margin:3% 0 3% 10%; float:left;
}
.build-50	{width:28%; margin:0 0 0 10%; float:left;
}
.build-60	{width:40%; margin-left:8%; float:left;
}
.build-80	{width:70%; margin-left:2%; float:left;
}
.build-20	{width:20%; margin:2% 0 0 2%; float:left;
}
.build-40	{width:35%; margin:2% 0 0 2%; float:left;
}
.third-port	{width:24%; margin:1% 0 1% 1%; float:left;
}
.mail	{width:59%; margin:1% 0 3% 20%; border:1px #000 solid; border-radius:3px; background:lime; text-align:center; 
		float:left; padding-top:1%;
}

.img-100	{width:100%; height:auto;
}
.img-L	{width:30%; float:left; margin-right:20px;
}
.img-L2	{width:28%; float:left; margin-right:30px;
}
.img-R1	{width:10%; float:right; margin-left:20px;
}
.img-p1	{width:99%; height:auto; margin:5px 2px 5px 3px;
}
.img-p2	{width:49%; height:auto; margin:5px 2px 5px 3px;
}
.img-p3	{width:31%;  height:auto; margin:5px 2px 5px 3px;
}
.img-p4	{width:23.6%; height:auto; margin:5px 2px 5px 3px;
}
h1	{font-family: "Cinzel", serif; font-weight: 400; font-style: normal; color:#fff; font-size:360%; text-shadow: 2px 2px 4px #000000;
}
h1.b	{font-family:"Federo", sans-serif; font-weight:400; font-size:200%; color:#000; font-style:normal; text-shadow:none; padding-bottom:2%;
}
h2	{font-family:"Federo", sans-serif;  font-weight:400;  font-size: 260%; color:#fff; font-style:italic; 
 }
h3	{font-family:"Federo", sans-serif;  font-weight:400;  font-size: 160%; color:#000; font-style:italic; color:#af762d;
} 
h3.b	{font-family:"Federo", sans-serif; font-weight:400;  font-size: 140%; color:#000; font-style:italic; line-height:130%;
} 
 h4	{font-family:"Federo", sans-serif;  font-weight:400;  font-size: 160%; color:#c34a36; font-style:normal; line-height:120%;
} 
h5	{font-family:"Federo", sans-serif;  font-weight:400;  font-size: 140%; color:#000; font-style:normal; line-height:120%; padding-bottom:2%;
}
p	 {font-family: "Play", sans-serif; font-size:110%; font-weight: 400; font-style: normal; color:#000; line-height:130%; margin-bottom:2%;
}
p.b. {font-family: "Play", sans-serif;  font-weight: 700;  font-style: normal; line-height:100%;
}
p.a	{font-family:'Times Roman', serif; font-size:80%; color:#000; font-style:italic; line-height:100%;
}

@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1366px) {
	
	.ac-48-L	{width:52%; top:2%; left:15%;  padding:2%;
}
	.ac-48-L h1	{ font-size:240%; text-shadow:none; margin-bottom:4%; 
}
	.ac-48-L h3	{  font-size:120%; font-style:italic;  padding-bottom:2%;
}
	.ac-48-R	{width:36%;  top:26%; left:50%; 
}
	.ac-48-R	h3	{font-size:120%; font-style:italic;  padding-bottom:2%;
}
	.spacer-adjust	{width:100%; height:15px; margin:2% 0; float:left;
}
}
@media screen and (max-width: 1280px) {

.guar	{width:16%; float:left; margin-right:2%;
}
	.band-aut	{width:90%; margin:1% auto; 
}
	.aut-2	{width:1000px; margin:6% auto;
}
	.bado, .bado-R	{height:130px;
}
	.rel-100	{width:100%; float:left; position:relative; padding-top:6%;
}
form {width:60%; float:left; margin:4% 20%;
}
.img-R1	{width:20%; float:right; margin-left:20px;
}
.img-L2	{width:38%; float:left; margin-right:30px;
}
}
@media screen and (max-width: 1200px) {

	.title	{width:50%; float:left; margin: 60px 0 0 80px;
}
	.dry	{width:100px; float:right; margin:40px 100px 0 0;
}
	.strap	{width:60%; float:left; margin: 50px 0 80px 80px;
}
	.ac-48-L	{width:72%; top:2%; left:0%;  padding:2%;
}
	.ac-48-L h1	{ font-size:200%; text-shadow:none; margin-bottom:4%; 
}
	.ac-48-L h3	{  font-size:110%; font-style:italic;  padding-bottom:2%;
}
	.ac-48-R	{width:40%;  top:26%; left:54%; 
}
	.ac-48-R	h3	{font-size:120%; font-style:italic;  padding-bottom:2%;
}
	h2	 	{font-size: 200%;
}
form {width:60%; float:left; margin:4% 20%;
}
}
@media screen and (max-width: 1190px) {
	
	.aut-2 h6	{font-size:100%;
}
}
@media screen and (max-width: 1024px) {

.band h1	{font-style: normal;  font-size:40px; margin-top:8px;
}
	form {width:90%; float:left; margin:4% 2%;
}
}	
@media screen and (max-width: 1000px) {	

	.container-stretch-70	{width:90%; float:left; display:flex; align-items:stretch; margin:0 5%;
}
	.aut-2	{width:790px; margin:6% auto;
}
	.bado, .bado-R	{height:150px;
}
	.title	{width:50%; float:left; margin: 60px 0 0 80px;
}
	.dry	{width:80px;
}
	.spacer-adjust	{width:100%; height:15px; margin:6% 0;
}
	.raft-L	{width:70%; float:left; margin:6% 0 1% 4%;
}
	.raft-L h1	{font-family:"Federo", sans-serif; font-size:160%; 
}
	h1	{font-size: 280%;
}	
	h2	{font-size: 180%; 
}	
	h3	{font-size: 160%; color:#000;
} 
	h3 b	{font-size:120%;
}
	h4	{font-family:"Federo", sans-serif; font-weight:300; font-size: 120%; 
} 
	p	{font-size:100%;
}
	.img-p2	{width:48%; height:auto; margin:5px 2px 5px 3px;
}
	.img-p4	{width:23%; height:auto; margin:5px 2px 5px 3px;
}
	.phones-1	{width:100%; float:left; margin-top:16px;
}
	.phones-1 p, .phones-2 p	{font-family:'Play', sans-serif; font-size:22px; color:#fff;
}
	.phones-2	{width:100%; float:left; margin-top:16px;
}
	.ac-50-in	{width:98%; padding:2% 1%; background:#b54611; height:50px;
}
	form {width:90%; float:left; margin:4% 2%;
}
	.spacer-adjust-2	{margin:6% 0;
}
}
@media screen and (max-width: 800px) {

	.half-L	p {font-size:100%; 
}
	.half-R	p {font-size:100%;
}
	.guar	{width:18%; float:left; margin-right:2%;
}
	.aut-2	{width:690px; margin:6% auto;
}
	.band h1	{font-style: normal;  font-size:30px; margin-top:8px; padding:0;
}
	.skills-in	{height:50px;
}
	.ac-48-L	{width:72%; top:2%; left:0%;  padding:2%;
}
	.ac-48-L h1	{ font-size:160%; text-shadow:none; margin-bottom:4%; 
}
	.ac-48-L h3	{  font-size:100%; font-style:italic;  padding-bottom:2%;
}
	.ac-48-R	{width:39%;  top:26%; left:56%; padding:2% 0 2% 4%;
}
	.ac-48-R	h3	{font-size:120%; font-style:italic;  padding-bottom:2%;
}
	.ac-701		{width:90%; margin:2% 5%;
}
	.portfolio	{width:90%; margin:3% 0 3% 5%; float:left;
}
	.standout p {font-size:100%; line-height:110%;
}
	h1.b	{font-size:160%; text-shadow:none; 
}
	h5	{font-size: 120%; color:#000;
}
	.but p	{font-size:100%; 
}
	.img-R1	{width:30%; float:right; margin-left:20px;
}
	.img-L2	{width:48%; float:left; margin-right:30px;
}
}
@media screen and (max-width: 790px) {

	.aut-2	{width:96%; margin:4% 2%; float:left; 
}
	.skills-in	{width:100%;  margin-bottom:2%; padding:2% 0; 
}
	.title	{width:90%; float:left; margin:3% 5% 3% 5%;
}
	.dry	{width:20%; float: left; margin: 2% 40% 5% 40%;
}	
	.bado, .bado-R	{width:50%; margin:1% 25%; height:auto;
}
	h1	{font-size: 220%; width:100%; text-align:center; padding-bottom:3%;
}
	.title h2	{text-align:center;
}
	h2	{font-size: 140%; 
 }	
	.phones-1	{width:100%; float:left; margin-top:16px;
}
	.phones-1 p, .phones-2 p	{font-family:'Play', sans-serif; font-size:16px; color:#fff;
}
	.phones-2	{width:100%; float:left; margin-top:16px;
}
	.strap	{width:100%; margin:3% 0 6% 0; text-align:center;
}
	.spacer-adjust	{width:100%; height:55px; margin:6% 0;
}
	.standout	{display:none;
}
	.standout-2	{width: 100%; float:left; padding:1%; border:1px #000 solid; margin-bottom:2%; box-sizing:border-box; display:inline;
}
	.standout-2 p	{font-family: "Play", sans-serif; font-size:100%; font-weight: 400; font-style: normal; color:#000; line-height:120%; margin-bottom:2%;
}
}
@media screen and (max-width: 600px) {

	.ac-48-R	{width:39%;  top:86%; left:56%; padding:2% 0 2% 4%;
}
	.ac-18	{width:40%;
}
	.ac-80	{width:58%;
}
	.container-cent	{display:initial;
}
	.aut-2 h4	{font-size:110%;
}
	.aut-2 p 	{font-size:100%;
}
	.aut-2 h6	{font-size:90%;
}
	.skills-L, .skills-R {width:31%; margin:0 1%;
}
	.panels	{height:50px;
}
	.bado, .bado-R	{width:70%; margin:1% 15%; height:auto;
}
	.ac-70	{width:90%; margin:4% 5% 2% 5%;
}
	.band h1	{font-style: normal;  font-size:34px; margin-top:8px;
}
	.raft-L	{width:80%; margin:6% 10% 2% 10%; text-align:justify;
}
	.raft-L h1	{font-family:"Federo", sans-serif; font-weight:400; font-size:200%; color:#000; font-style:normal; text-shadow:none; padding-bottom:2%;
}
	.half-L	{width:100%; float:left;  background:#00487a; margin:2% 0;
}
	.half-R	{width:97%; float:left;  background:#009c8d; margin:2% 0; padding:1.4%; 
}
	.container-stretch-70	{display:initial; width:100%; margin:0;
}
	h3	{font-size:140%;
}
	h3.b	{font-size:120%;
}
	.aut-2 p	{ font-size:100%; padding-top:4%;
}
	p	{line-height:160%;
}
}
@media screen and (max-width: 500px) {

.guar	{width:22%; float:left; margin-right:2%;
}
.f-1	{width:18%; float:none; margin:2% auto;
}
.f-2	{width:98%; float:left; margin:0 2% 4% 2%;
}
.f-2 p	{font-family:"Federo", sans-serif; font-weight:400;  font-size:120%; color:#fff; font-style:italic; 
}
.f-3	{width:98%; float:left; margin:0 2% 4% 2%
}
.f-3 p	 {font-family: "Play", sans-serif; font-weight:400; font-style:normal; font-size:16px; margin:0; padding:0; color:#fff;
}
.f-4	{width:98%; float:left; margin:0 2% 4% 2%
}
.f-4 p	{font-family: "Play", sans-serif; font-weight:400; font-style:normal; font-size:16px; margin:0; padding:0; color:#fff;
}
.img-p2	{width:47%; height:auto; margin:5px 2px 5px 3px;
}
.img-p4	{width:22%; height:auto; margin:5px 2px 5px 3px;
}
.img-L2	{width:58%; float:left; margin-right:30px;
}
@media screen and (max-width: 440px) {

	.bado, .bado-R	{width:90%; margin:1% 0 1% 5%; height:auto;
}
	
	.band-aut	{display:none;
}
	.band-top, .band-btm	{display:inline;
}
	 .ac-50-in	{width:98%; padding:2% 1%; background:#b54611; height:66px; text-align:center;
}
	.band h1	{font-size:180%; margin-top:8px;
}
	.ac-48-L	{width:96%; float:left; padding:2%; 
}
	.ac-48-L h1	{ font-size:160%; text-shadow:none; margin-bottom:4%; 
}
	.ac-48-L h3	{  font-size:100%; font-style:italic;  padding-bottom:2%;
}
	.ac-48-R	{width:96%; position:absolute; top:140%; left:0; padding:2% 0 2% 4%;
}
	.ac-48-R	h3	{font-size:120%; font-style:italic;  padding-bottom:2%; 
}
	.spacer-adjust	{width:100%; height:15px; margin:15% 0 16% 0;
}
	.rel-100	{width:100%; float:left; position:relative; padding-top:10%;
}
	.standout p {font-size:90%; line-height:110%;
}
	h1.b	{font-size:140%; text-shadow:none; 
}
	.img-L	{width:60%;
}
	.img-p3	{width:30%;  height:auto; margin:5px 2px 5px 3px;
}
	.img-R1	{width:50%; float:right; margin-left:20px;
}
	.img-L2	{width:100%; float:left; margin:2% 0;
}
}
@media screen and (max-width: 370px) {

	.skills-L, .skills-R	{width:96%; margin:2%;
}
	.panels, .skills-in	{height:auto;
}
	.ac-50L, .ac-50R	{width:95%; float:left; margin:2% 5%;
}
	.ac-50-in	{ height:auto;
}
	h2	{font-size: 110%; 
}
}
@media screen and (max-width: 350px) {

	.ac-48-R	{width:96%; position:absolute; top:170%; left:0; padding:2% 0 2% 4%;
}
.spacer-adjust	{width:100%; height:15px; margin:15% 0 26% 0;
}