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

/* max width 768 px */
@Media (max-width: 768PX) {
	html {
		overflow-x:hidden;
	}
	.main-body {
		background-color: white;
	}	

	.buton-orange {
		font-size: 1.5em;
		color:white;
		background-color: #FF813C;
		width: 100%;
	}
	.buton-main-nav {
		width: 100% !important;
	}
	.buton-orange:hover {
		color:white;
		background-color:#F35600;
	}
	.buton-rem {
		min-width: 106px !important;
		padding-top: .5em !important;
		padding-bottom: .5em!important;
		color: black !important;
		border-radius: 24px!important;
		border: 1px solid #8B8B8B !important;
	}
	.buton-rem:hover {
		color:black  !important;
		background-color: #EBEBEB !important;
	}
	/* ------ INFO-BAR ------*/

	.info-bar-bg {
		background-color:white;
	}
	.info-bar {
		color: white;
		text-align: center;
		padding: 1em;
		padding-right: 0;
		padding-bottom: 0;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: .5em;
	}
.header-main-bg {
	align-items: center;
}
	.header-main {
		padding-top: 1.5em;
		padding-bottom: 1em;
		padding-left: 0;
		padding-right: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.header-main .header-main-logo {
		min-width: 25%;
		background: white;
		margin: 0;
		padding: 0;
		padding-left: 19px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 8;
			-ms-flex-positive: 8;
				flex-grow: 8;
		align-items: center;
		justify-content: center;
	}
	.header-main .header-main-logo img {
		min-width: 30em;
		max-width: 30em;
	}
	.header-main-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-flex: 9;
		    -ms-flex-positive: 9;
		        flex-grow: 9;
	}
	.header-main .header-main-nav {
		text-align: center;
		padding-top: 1.5em;
		padding-bottom: 1em;
		padding-right: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.header-main .header-main-nav {
		padding-top: 1em;
		display: flex;
		flex-grow: 1;
		flex-direction: row;
		align-content: flex;
		justify-content: space-between;
	}
	.header-main .header-main-nav a {
		text-transform: uppercase;
		-ms-flex-line-pack: justify;
		    align-content: space-between;
	}
	.header-main .header-main-company {
		color: #0099FF;
		font-family: 'Eras Bk BT';
		font-size: 1.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.header-main .header-main-company h1{
		margin: 0;
		padding: 0;
	}
	
	.navbar-default .navbar-header {
		box-shadow: none;
	}
	.navbar-default .navbar-header {
		padding-bottom: 1em;
		margin-top: .5em;
		margin-bottom: .5em;
		background-color: white;
		border: 1px solid grey;
		border-radius: 2.5em;
		box-shadow: none;
	}
	.navbar-default li {
		background-color: white;
		text-align: center;
		text-transform: uppercase;
		font-size: 1.5em;
		padding-top: .25em;
		padding-bottom: .25em;
		margin-left: 20px;
		margin-bottom: 1em;
		border: 1px solid grey;
		border-radius: 1.5em;
	}
	.navbar-default li:hover {
		background-color:#F4F4F4;
	}
	.navbar-default a {
		color:black;
	}
	.navbar-default .navbar-nav .dropdown-toggle {
		border-radius: 1.5em;
		margin-left: .5em;
		margin-right: .5em;
	}
	.navbar-default .navbar-nav .dropdown-menu li {
		padding-top: .5em;
		padding-bottom: .5em;
		margin-top: .8em;
		margin-right: .5em;
	}
	.navbar-default .navbar-nav .dropdown-menu li a {
		color: blue;
	}
}