@import
	"helper/color.scss",
	"helper/function.scss";

.btn {
	margin: 3px;
}

.column {
	background-color: $white;
	padding: 20px;
	text-align: center;
	border: 1px solid darken($clouds, 5%);
}
.row {
	margin-bottom: 5px;
}

// Icon
#icons {
    margin: 20px auto;
    padding-left: 5px;
    max-width: 900px;
    width: 100%;
    list-style: none;
    text-align: left;
    font-size: 12px;
    transition: opacity .2s ease-in-out;

    @include breakpoint(0, 568px) {
	    padding: 0;
	    width: 320px;
    }

    li, .fa {
	    position: relative;
	    z-index: 0;
	    display: inline-block;
	    padding: 22px 0;
	    width: 42px;
	    border-radius: 4px;
	    list-style: none;
	    text-align: center;
	    font-weight: normal;
	    font-size: 32px;
	    cursor: pointer;
	    color: $black;

	    @include breakpoint(0, 568px) {
			margin: 0;
			padding: 10px 0;
			width: 45px;
	    }
    }
}