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




/* Add this to important Google Font (Oswald) */
/*@import  url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);*/

body{
		FONT-FAMILY: Lato, Open Sans, Century Gothic;
}

/* Main accordion css */
#accordion {
    max-width: 700px; /* You can change this */
    margin: auto; /* You can remove this if you do not need it to align in the center of your element */
    display: block; 
}

/* This controls the text inside the div, you can play with this by adding background-color, border, etc. */
#accordion div {
    padding: 5px 10px;
    width: 95%;
    display: inline-block;
        border: none;
        FONT-FAMILY: Lato, Open Sans, Century Gothic;
}

/* This controls the header */
#accordion h4 {
    display: block;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    padding: 8px 11px;
    /*font-family: Oswald, sans-serif;*/
    letter-spacing: 1px;
    font-weight: 700;
    width: 95%;
    margin: 5px;
    border: none;
    border-bottom: 1px solid;
    font-family: Lato, Open Sans, Century Gothic;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color:black;
    background: white;
}

#accordion div p {
  margin-top: 0;
}

/* This CSS controls the Font Awesome Icon, You can float: left as well and add margin-right: 5px; */
.icon-expand,.icon-collapse {
    float: right;
    margin-top: 5px;
}

/* USE THE BELOW CSS FOR BLUE */
.green h3 {
    background: #C10961; /* You can change this to whatever background color you want for the header */
    color: #fff; /* You can change this to whatever font color you want for the header */
}


.descrip {
  width: 25%;
  vertical-align: top;
  font-size: 1em;
  color: #000;
  font-weight: bold;
  text-align:left;
}