.flex-container { display: flex; }

.flex-lg-container { margin: auto; }
@media screen and (min-width: 768px) { .flex-lg-container { width: 768px; } }
@media screen and (min-width: 992px) { .flex-lg-container { width: 970px; } }
@media screen and (min-width: 1200px) { .flex-lg-container { width: 1153px; } }
@media screen and (min-width: 1600px) { .flex-lg-container { width: 1366px; } }
@media screen and (max-width: 767px) { .flex-lg-container { width: 100% !important; } }

.flex-md-container { margin: auto; width: 1170px; }
@media screen and (min-width: 768px) { .flex-md-container { width: 768px; } }
@media screen and (min-width: 992px) { .flex-md-container { width: 970px; } }
@media screen and (min-width: 1200px) { .flex-md-container { width: 1153px; } }
@media screen and (min-width: 1600px) { .flex-md-container { width: 1366px; } }
@media screen and (max-width: 767px) { .flex-md-container { width: 100% !important; } }

#header { width: 100%; flex-flow: row wrap; justify-content: flex-end; }
#header .topbar .flex-lg-container { display: flex; justify-content: flex-end; align-items: center; }
#header .navigation .flex-lg-container { display: flex; justify-content: space-between; align-items: center; }
#header .hero { box-sizing: border-box; }
#header .hero .flex-lg-container { display: flex; justify-content: space-between; }
@media screen and (max-width: 1199px) { #header .hero .flex-lg-container { flex-direction: column; } }

.features { flex-direction: row; }
.features .flex-item { flex-direction: column; display: flex; justify-content: center; flex: 0 1 30%; align-items: center; }
@media screen and (max-width: 1199px) { .features { flex-direction: column; } }

.flexitem-container { flex-direction: row; display: flex; justify-content: space-between; }
.flexitem-container .flex-item { flex-direction: column; display: flex; flex: 0 1 45%; }
@media screen and (max-width: 1199px) { .flexitem-container { flex-direction: column; } }

.slide-flex { flex-direction: row; display: flex; justify-content: center; }
.slide-flex .slide-flex-item { flex-direction: column; display: flex; flex: 0 1 30%; justify-content: center; }
@media screen and (max-width: 1199px) { .slide-flex { flex-direction: column; }
  .slide-flex .slide-flex-item { display: inherit; } }

.aboutvteams-container { flex-direction: row; display: flex; justify-content: space-between; }
.aboutvteams-container .flex-item { flex-direction: column; display: flex; flex: 0 1 30%; }
@media screen and (max-width: 1199px) { .aboutvteams-container { flex-direction: column; } }

#budget .budgetarea { display: flex; justify-content: space-between; flex-direction: row; width: 100%; }
#budget .budgetarea .flex-item { flex: 0 0 55%; }
#budget .budgetarea .flex-budget { flex-basis: 460px; }
@media screen and (max-width: 1199px) { #budget .budgetarea { flex-direction: column; } }
@media screen and (max-width: 1199px) { #budget { display: inherit; } }

#footer { flex-flow: row wrap; width: 100%; }
#footer .footer-top { flex: 1 100%; display: flex; flex-direction: row; }
#footer .footer-top .flex-item { flex: 0 0 25%; }
#footer .copyright { flex: 1 100%; }

/*# sourceMappingURL=flex.css.map */