*{
    margin:0;
    padding:0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;

}
h1 {
    color: #17a096;
    margin-top:50px;
    margin-bottom:50px;
    font-size:2em;
    font-weight:normal;
}
h1 span {
    border-bottom: 1px solid #707070;
}
h2{
    margin-bottom:32px;
}
.row{
    display:flex;
    text-align:center;
    flex-direction: row;
    justify-content:center;
    align-items:center;
}
.green {
    background: #17a096;
    text-align:right;
    width:100%;
    float:left;
}
.green a{
    color:#17a096;
    background:#fff;
    text-decoration:none;
    font-weight:bold;
    float:right;
    border-radius:10px;
    border:1px solid #fff;
    transition:1s all ease;
    padding:5px 10px;
    margin:5px;
    
}
.green a:hover{
    background:#17a096;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    float:right;
    border-radius:10px;
    border:1px solid #17a096;
    
}
.h{
    
    width:100%;
    clear:both;
}
.main .row{
    background-color: #f8f8f8;
    border: 1px solid #e3e3e3;
    margin-top:70px;
}
.main .row .col{
    margin-left:10%;
    margin-right:10%;
}
.container {
    width:100%;
    max-width:768px;
    margin:auto;
}
img {
    margin-top:40px;
    margin-bottom:40px;
}
.main a{
    text-decoration:none;
    transition:1s all ease;
}
.main  .desc{
   
    background:#17a096;
    padding:5px 10px;
    border:1px solid #17a096;
    border-radius:25px;
    color:#fff;
    font-weight:bold;
    margin-bottom:35px;
   
    
}
.main a:hover{
    opacity:0.6;
}
@media only screen and (max-width: 600px) {
    .main .row .col{
        width:80%;
    }
    .main .row {
    flex-wrap: wrap;
}
   
}