body {
    font: 15px Tahoma;

}
.frog{
    display: block;
}
.frog + p{
    /*width: 200px;*/
    text-align: center;
}
.layer {
    /*padding: 20px;*/
    /*padding-left: 20;*/
    padding-right: 20px;
}
.layer2 {
    border: 3px solid #000;
}
.layer3 {
   margin: auto;
}
p.font {
    font-weight: 300;
    font-size: 14px;
}
p.font2 {
    font-weight: 300;
    margin-top: 36px;
}
p.font3 {
    font-weight: 600;
    font-size: 14px;
}
img {
    -webkit-filter: grayscale(100%);
}
img:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-filter: grayscale(0%);
}

@media (max-width: 1000px) {
    .frog{
        text-align: center;
        margin: auto;
        max-width: 100%;
    }
    .m-r{
        margin: auto;
    }
    .col-md-6 {
        width: 90%;
    }
}
@media (min-width: 1000px) {
    .m-r{
        float: left; max-width: 320px;
    }
}