/* === BASE === */
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#333;background:#fff}

/* === LAYOUT === */
.container{max-width:1200px;margin:auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
[class*="col-"]{padding:0 15px;width:100%}

@media(min-width:768px){
.col-6{width:50%}
.col-4{width:33.33%}
.col-3{width:25%}
}

/* === TEXT === */
h1{font-size:28px;margin:10px 0}
h2{font-size:24px;margin:10px 0}
p{margin:0 0 10px}

/* === BUTTON === */
.btn{display:inline-block;padding:10px 20px;background:#337ab7;color:#fff;border-radius:4px;text-decoration:none}
.btn:hover{background:#286090}

/* === IMG === */
img{max-width:100%;height:auto;display:block}

/* === UTIL === */
.text-center{text-align:center}
.mt-20{margin-top:20px}