/*******************************************************************************
* Autores: Filipe C. E., Vinicius L. C. D., Nicolas Y. G.
* Data de criação: 24/08/16
* Data de modificação: 31/08/16
********************************************************************************/

html, body{
  font-family: 'Roboto', sans-serif;
  height: 100%;
}

/* HEADER ***********************************************************************************************************************************/

header{
  height: 100px;
  width: 100%;
  display: flex;
  box-shadow: 0 1px 5px 0px #ddd;
  background: linear-gradient(to right, #ffffaa 0%, #ffffaa 31%, #f9f95c 37%, #f9f95c 100%);
  position: relative;
  z-index: 5;
}

header #logo{
  width: 100%;
  height: 100%;
}

header #logo img{
  height: 100%;
}

/* CORPO ************************************************************************************************************************************/

#wrapper{
  width: 100%;
  min-height: 100%;
  margin-bottom: -100px;
}

#wrapper:after{
  content: "";
  display: block;
  height: 100px;
}

.content_row{
  width: calc(100% - 40px);
  height: 170px;
  display: flex;
  margin-top: 40px;
  padding: 0 20px 0 20px;
}

h4{
  margin: 25px;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
}

.content_box{
  background-color: #eee;
  box-shadow: 1px 1px 1px 0 #bbb;
  width: 100%;
}

.content_box h1{
  font-family: "Montserrat", sans-serif;
  height: 30px;
  width: 200px;
  background-color: #f9f95c;
  padding: 5px 0 5px 15px;
  line-height: 30px;
  font-size: 22px;
  border: 2px solid #e7e75a;
  border-radius: 17px 0 17px 0;
  position: relative;
  top: -20px;
  left: 20px;
}

.content_box p{
  margin: 0 20px 0 20px;
}

.content_box ul{
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 20px;
}

.content_row img{
  height: 100%;
  margin-left: 20px;
  box-shadow: 1px 1px 1px 0 #bbb;
}

.content_row:nth-child(odd) img{
  margin-left: 0;
  margin-right: 20px;
  box-shadow: 0px 0px 0px 0px #fff;
}
/* FOOTER ***********************************************************************************************************************************/

footer{
  width: 100%;
  height: 60px;
  padding: 30px 0 10px 0;
  font-family: "Montserrat", sans-serif;
}

footer ul{
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 20px;
}

/* RESET FIX ********************************************************************************************************************************/

b{
  font-weight: bold;
}