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

@media (min-width: 768px) {
  .navbar-nav {
    width: 100%;
    text-align: center;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li.navbar-right {
    float: right !important;
  }
}

* {
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}

.logo {width: 140px;}
.logoF {width: 100px;}

 
.p20 {
	padding: 20px;
}
.bg {
	background-color: white;
	padding: 20px;
	    display: table-cell;
}
.m1 {
	color: #ec1c24;
	font-weight: 700;
}
.m2 {
	background-color: #ec1c24;
	padding: 60px;
	color: white;
	font-size: 18px;
	font-weight: 700;
	    border-right: 10px solid white;
}
.m2:hover {
	background-color: #6d6e71;
	padding: 60px;
	color: white;
	font-size: 18px;
	font-weight: 700;
	    border-right: 10px solid white;
}
.m3 {
	background-color: #0071bb;
	padding: 60px;
		color: white;
	font-size: 18px;
	font-weight: 700;
	    border-right: 10px solid white;
}
.m3:hover {background-color: #6d6e71;}
.m4 {
	background-color: #29aae1;
	padding: 60px;
		color: white;
	font-size: 18px;
	font-weight: 700;
	    border-right: 10px solid white;
}
.m4:hover {background-color: #6d6e71;}
.m5 {
	background-color: #d0d2d3;
	padding: 60px;
		color: white;
	font-size: 18px;
	font-weight: 700;
}
.m5:hover {background-color: #6d6e71;}

.m6 {    font-size: 24px;
    font-weight: 700; color: #6d6e71;}
.m7 {    font-size: 24px;
    font-weight: 700; color: #ec1c24;}

.m8 {display: table;}

.m8 li {     margin: 10px 0px 10px 0px;}

@media screen and (max-width: 500px) {
.navbar-nav.navbar-center {
	position: static;
	left: auto;
	transform: none;
}
}