@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

body {
	color:black;
    background-color: #f9f9f9;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, span, .span {
    margin-top: 10px;
    margin-bottom: 10px;
}

h2 {
	font-family: 'Bubblegum Sans', cursive;
  	font-size: 3.5rem;
  	line-height: 36px;	
  	color:blue;			
}

.box {
	background-color:beige;
    border-radius: 20px;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.66), 0 12px 20px 0 rgba(0, 0, 0, 0.62);
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box-icon {
    background-color:blue;
    border-radius: 50%;
    display: table;
    height: 120px;
    margin: 0 auto;
    width: 120px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.box-icon img {
	margin: auto;			
}

.info h4 {
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info > p {
    color: black;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}