*{
	margin: 0;
	padding: 0;
}
a,a:hover,a:focus{
	text-decoration: none;
}
.logo{
	display: block;
	margin: 2% auto;
	width: 56%;
}
img{
	width: 100%;
}
section {
    margin: 3% 0;
        text-align: center;
}
h1 {
    font-size: 32px;
    text-align: center;
    font-family: serif;
    color: #e4389a;
    margin-bottom: 2%;
    font-weight: 600;
    font-variant: small-caps;
}
h5 {
    margin-bottom: 1em;
    font-size: 24px;
    font-family: -webkit-pictograph;
}

[class*="col"]{
	margin-bottom: 5%;
}

a {
    color: #fff;
    padding: 10px 20px;
    background: #5656d2;
    border-radius: 120px 60px;
}
a:hover{
	background: #03897e;
	color: #fff;
}
footer {
    text-align: center;
    background: #613e97;
    color: #fff;
    padding: 20px 30px 8px;
}


/* Responsive coding */

@media(max-width:980px){
.logo{
    width:100%;
    margin:1%
}
h1{
	margin:5% 0;
}
}

@media(max-width: 500px){
	h1{
		font-size: 22px;
	}
	h5 {
    font-size: 19px;
    font-weight: 600;
}
}