@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
* { margin: 0; padding:0;  }
html { font-family: 'Open Sans'; }
body { font-size: 15px; color: #333; background: url('images/background.jpg'); background-size: cover; font-family: 'Open Sans'; }
.container { position: relative; width: 100%; max-width: 100%; text-align: left; padding-right: 30px; padding-left: 30px; z-index:99; }
h1 { font-size: 28px; color: #444; }
h3 { font-size: 20px;  }
h4 { font-size: 15px; color: #ffffff; } 
.m-s { margin: 10px 0; }
.m-m { margin: 15px 0; }
.m-l { margin: 20px 0; }
.m-xl { margin: 30px 0; }
.m-b-s { margin-bottom: 10px; }
.m-b-m { margin-bottom: 15px; }
.m-b-l { margin-bottom: 20px; }
.m-b-xl { margin-bottom: 30px; }
.m-t-s { margin-top: 10px; }
.m-t-m { margin-top: 15px; }
.m-t-l { margin-top: 20px; }
.m-t-xl { margin-top: 30px; }

a {color: #333; }
a:hover {color: #666; }
.btn-primary { background: #000; color: #fff; border: none; padding: 10px 20px; font-size: 15px; }
.btn-primary:hover { background: #000; }



header {
	width:100%;
	margin: 0 auto;
}
 
header nav {
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.menu_bar {
	display:none;
}

/* form error */
input.error{border:1px solid #dc3545 !important; padding-right: calc(1.5em + 0.75rem);}
label.error{margin-top: 0.25rem; font-size: .875em; color: #dc3545; }

/* container */
.box { background-color: rgba(255, 255, 255, 0.82); border-radius: 5px; padding: 20px; }

/* footer */
footer { background-color: #000; padding:40px 0; color: #fff; }
.text-footer { font-size: 13px; line-height: 1.7;}