body {
    font-family: Verdana,sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #616161;
    background-color: #e6e6e6;
}

.titlePage {
    text-align: center;
    color: rgb(37,134,62);
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

div {
    margin-bottom: 10px;
}

.title2 {
    font-style: italic;
    font-weight: bold;
}

.title3 {
    font-style: italic;
    color: rgb(37,134,62);
    font-weight: bold;
    font-size: 0.7rem;
}

.title4 {
    font-size: 1.5rem;
}

.title5 {
    font-size: 0.6rem;
}

.title6 {
    font-style: italic;
    font-size: 0.5rem;
}

.title7 {
    font-size: 1rem;
}

#mainPage {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.258824) 0px 2px 5px 0px;
}

#navBar {
    font-size: 1rem;
    margin-right : 20px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.textGreenDark {
    color: #38761d;
    font-style: italic;
    font-weight: bold;
}

.footer {
    margin-top: 10px;
}

.list-cards {
    list-style-type: none;
}

.card {
    background-color: white;
    border-radius: 2px;
    padding: 16px 16px;
    /*box-shadow: rgba(0, 0, 0, 0.258824) 0px 2px 5px 0px;*/
}

.list-cards .card {
    background-color: white;
    border-radius: 0;
    padding: 16px 16px;
    border-bottom: 1px solid #ddd;
    /*box-shadow: rgba(0, 0, 0, 0.258824) 0px 2px 5px 0px;*/
    /*cursor:pointer;*/
    /*transition: margin 0.1s;*/
}

#my-div
{
    width    : 100%;
    height   : 300px;
    overflow : hidden;
    position : relative;
}
 
#my-iframe
{
    position : absolute;
    top      : -500px;
    left     : 0px;
    width    : 1280px;
    height   : 1200px;
}

#my-div2
{
    margin-bottom: 2px;
}

#my-div5
{
    margin-bottom: 5px;
}