@font-face { font-family: 'Open Sans'; src: url('fonts/hinted-subset-OpenSans-ExtraBold.woff2') format('woff2'), url('fonts/hinted-subset-OpenSans-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/hinted-subset-OpenSans-Regular.woff2') format('woff2'), url('fonts/hinted-subset-OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/hinted-subset-OpenSans-SemiBold.woff2') format('woff2'), url('fonts/hinted-subset-OpenSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/hinted-subset-OpenSans-Light.woff2') format('woff2'), url('fonts/hinted-subset-OpenSans-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('fonts/hinted-subset-OpenSans-Bold.woff2') format('woff2'), url('fonts/hinted-subset-OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { font-family: "Open Sans", sans-serif; font-weight:300; font-style: normal; }




@media (max-width: 480px) { 
								.navbut { margin: 1px 10px 1px; padding: 1px 5px 1px; color:#000; }/*border:solid 0.1em #ECF0F1;*/
							 .navbar-light .navbar-nav .nav-link {  color: #000; }
}
	
@media (max-width: 767px) { 

							.navbut { margin: 1px 10px 1px; padding: 1px 5px 1px; color:#000; }/*border:solid 0.1em #ECF0F1;*/
							 .navbar-light .navbar-nav .nav-link {  color: #000; }

}

@media (min-width: 768px) 
and (max-width: 1200px) {
							 .marj { padding-left:10%; padding-right:10% }
							 .navbut { margin: 1px 10px 1px; padding: 1px 5px 1px; color:#000; }/*border:solid 0.1em #ECF0F1;*/
							 .navbar-light .navbar-nav .nav-link {  color: #000; }

}
    
@media (min-width: 1200px) { 
							 .marj { padding-left:10%; padding-right:10% }
							 .navbut {  margin: 1px 10px 1px; padding: 1px 5px 1px; color:#000; } /*border:solid 0.1em #ECF0F1;*/
							 .navbar-light .navbar-nav .nav-link {  color: #000; }
}