@import url(https://fonts.googleapis.com/css?family=Roboto:500,400,300,300italic,700);

.content{
    width: 90%;
    font: 300 1em 'Roboto', 'Helvetica', 'Arial', sans-serif;
    color: #15a1d1;
    margin: auto;
}
.icons{text-align:center;width: 100%;}
.icons > img{
    width: 100px;
    margin: auto;
    margin: 0 20px;
}
.icons > img:hover{
    transform: scale(1.1);
    transition: all 100ms ease-in 0s;
}
article{
    width: 45%;
/*    border: 3px solid;*/
    padding: 0 0 0 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
article:last-of-type{
    margin-bottom: 50px;
}
._1{
    min-height: 100px;
}
._2{
    min-height: 100px;
}
._4, ._5{
    min-height: 220px;
}
._6{
    min-height: 100px;
}
h1{
    text-transform: uppercase;
}
h2{
    color: #63c5e4;
    margin-top: 20px;
    margin-bottom: 0;
}
h3{
    color: #98bb32;
    margin-bottom: 0;
}
.cris{
    padding-right: 20px
}
.sham{
    padding-left: 20px;
}

@media screen and (max-width: 480px) {
    .chris{
        padding-right: 0;
    }
    .sham{
        padding-left: 0;
    }
    ._1, ._2, ._3, ._4, ._5, ._6 {
        min-height: 50px;
    }
}