body{
    font-family: 'Roboto Slab';
    color: #424753;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}
.main #section-1{
    background-image: url('images/bg.png');
}
.inside-container{
    max-width: 1100px;
    margin: auto;
    padding: 20px;
}
ul{
    list-style-type: none;
    margin-right: 50%;
    font-weight: bold;
}
a, li{
    color: #FFFFFF;
    text-decoration: none;
}
a:hover{
    color:#F4F5F7;
}
li{
    float: left;
    margin: 2px;
}
ul{
    float: right;
}
#section-1 h1{
    font-family: 'Nanum Pen Script';
    /* font-family:'segoe print'; */
    margin-top: 20%;
    font-size: 50px;
}
#section-1 h2{
    margin-bottom: 25%;
    color: white;
}
h1, h2{
    text-align: center;
    color: white;
}
#section-2 h1, h2, p{
    color: #424753;
    text-align: center;
}
#section-2{
background-color: rgb(235, 235, 235);
}
table{
    margin: auto;
}
td{
    padding: 10px 15px;
    margin-left: auto;
}
.gri{
    background-color: rgb(235, 235, 235);
}
#espa{
    width: 90%;
    margin: auto;
    display: block;
    margin-top: 4%;
}
#section-4{
    background-color: #2c2e33;
    padding: 20px;
}
small{
    font-style: italic;
    color: white;
    float: right;
}
/* ergo */
#ergo h2{
    text-align: left;
    color: #424753;
    border-bottom: 5px solid #a4d5cf;
    padding: 1%;
}
#ergo p{
    text-align: justify;
}
#section-1{
    background-color: #76B3AB;
}