* {
  padding: 0;
  margin: 0;
}
body {
 margin: 0;
 padding: 0;
 font-family: "Ubuntu", sans-serif;
 line-height: 1.7;
 box-sizing: border-box;
 /* overflow: hidden; */
}
/* ======================
UTILITY
=========================*/
.container {
  margin: 0 auto;
}
.btn {
  border: none;
  padding: 1em;
  border-radius: 8px;
  margin: 1.5em 0;
}

.btn:hover {
  background: #da251d;
  color: #fff;
}

.btn-info {
  background: #da251d;
}

a {
  text-decoration: none;
  cursor: pointer;
  padding: 1em;
}

a:hover {
  color: #fff;
}

ul.list  {
  list-style: none;
  /* margin: 1em; */
}
ul.list  li {
  padding: .45em;
  border-bottom: 1px solid #707070;
}

ul.list  li:hover {
  background: #034c31;
  color: #fff;
}

ul.list  li.active-list {
   background: #034c31;
   color: #fff;
}

/* ======================
LAYOUT
=========================*/

.container {
  width: 95%;
  max-width: 1100px;
  margin: 1.5em auto;
}

.header {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

span {
  display: block;
  font-size: 2rem;
  color:#034c31;
}

.menu ul {
  display: flex;
  list-style: none;
  background-color: #da251d;
  justify-content: center;
  padding: 1em 0;
 
}

.menu li {
  margin: 0 1em;
  border-bottom: none;
  padding: 0;

}

.menu a {
  color: #fff;
  text-decoration: none;
  /* padding: .75em; */
font-size: 1.5rem;
}

.menu a:hover,
.menu a:focus {
  color: #fff;
  background: #034c31;
}

.hero {
 width: 100%;
 margin: auto;
 overflow: hidden;
 position: relative;
}



.main-content {
 display: flex;
 justify-content: space-between;
 font-family: Lora;
 margin-top: 3em;

}

main {
  width: 850px;
  margin: 0 .75em 2em 0;
 }

/*------------------------------------------------------
	FLEXSLIDER OVERRIDING 
---------------------------------------------------------*/
.flexslider {
  /* padding-top: 85px; */
  width: 100%;
}

.flexslider a:hover,
.flexslider a:focus {
  text-decoration: none;
}

.flexslider {
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
}


.flexslider .slides li {
  position: relative;
 
}

.flex-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  background: rgba(197, 82, 87, .8);
  z-index: 1;
  padding: 20px;
  margin: 0;
}


 .page-title {
   font-size: 2rem;
   margin: 0 0 2em 0;
   border-bottom: 1px solid #707070;
 }

aside {
width: 300px;
background: #f3f3f3;
margin-left: .75em;
padding: .95em;
}

aside h2 {
  font-size: 1rem;
  margin-bottom: .25em;
}

aside p {
  font-family: Lora, sans-serif;
}

.services {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 3em 0;
}

.services img {
  width:220px;
  border-radius: 10px;
}

.card {
 border: .5px solid #dddddd;
 width: 220px;
 margin-bottom: 2em;
}
.card p {
  width: 100%;
}

.side-partner {
  margin: 2em 1em;
}

table, tr, td {
  border-collapse: collapse;
  border: 1px solid #034c31;
  padding: .65em;
  font-size: .85rem;
  font-family: Lora;
 
}

.table-header {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}

.even {
  background: #a1a1a1;
  color: #fff;
}

footer {
  background: #4e4e4e;
  margin-top: 1.5em;
  padding: 1em;
  color: rgba(255, 255, 255, 0.815);
  margin: auto;
}

@media screen and (max-width:500px){
span {
 font-size: 1rem;
}

.menu ul {
  flex-direction: column;
}
.menu li {
  border-bottom: 1px solid rgb(247, 69, 69);
  padding: 1em;

}

.menu a{
  width: 90%;
}

.hero {
  /* background: url("/images/banner1.png") no-repeat;
  background-size: cover;
  width: 100%;
  overflow: none; */
  display: none;
}

.container {
  width: 90%;
}
.main-content {
  flex-direction: column;
  width: 100%;
  /* padding: 1.5em; */
}

main {
  width: 95%;
  padding: 1em;
}

table {
  width: 90%;
  margin: 1.5em;

}

aside {
  width: 90%;
}

.services {
  flex-direction: column;
}

.services img {
  width: 100%;
  align-items: center;
}

.card {
  width: 90%;
  margin: 1.5em auto;
}

footer {
  width: 100%;
}
}