@charset "utf-8";

/* CSS Document */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	font-size:100%;

}

ul, ol {list-style:none; margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p {margin:0;}

html {font-size:62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}



body {width:100%; height:100%; font-family:'Open Sans', sans-serif; font-weight:400; font-size:100%; margin:0;}

	

.bg {width:100%; height:100vh; background:url(../images/bg-page.jpg) no-repeat center center; background-size:cover; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

.basePage {width:100%; max-width:950px; padding:0 15px; margin:0 auto;}

	.basePage img {max-width:70%; height:auto; display:block; margin:0 auto 80px;}

	.basePage .segmentos {width:100%;}

		.basePage .segmentos a {

			display:block; font-size:1.6em; color:#357fc2; text-transform:uppercase; text-decoration:none; letter-spacing:2px; text-align:center; max-width:260px; margin:0 auto 30px; border:1px solid #357fc2;

			border-top-left-radius:32px; border-bottom-right-radius:32px; line-height:68px; transition:all 0.2s linear;

		}

		.basePage .segmentos a:after {content:">"; display:inline-block; margin-left:10px;}

		.basePage .segmentos a:hover {color:#FFF; background:#357fc2; transition:all 0.2s linear;}



@media only screen and (min-width : 768px) {	

	.basePage img {max-width:100%;}

	.basePage .segmentos a.btLeft {    margin: 0 14px;
    float: left;
    width: 200px;
}
	

	.basePage .segmentos a.btRight {float:right; width:340px;}

}



@media only screen and (min-width : 992px) {

	.basePage .segmentos a.btLeft,

	.basePage .segmentos a.btRight {width:200px;}

}