* {
    padding: 0px;
    margin: 0px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-size: 12px;
    font-family: 'Exo 2', sans-serif;
    background:#fff;
}

.footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
}

@font-face {
	font-family: Exo2-Light;
	src: url('../fonts/Exo2-Light.ttf') format('truetype');
}     

@font-face {
	font-family: Exo2-Bold;
	src: url('../fonts/Exo2-Bold.ttf') format('truetype');
}

@font-face {
	font-family: OpenSans-Light;
	src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
	font-family: OpenSans-Bold;
	src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}


.form-control::-webkit-input-placeholder { color: black; }
.form-control:-moz-placeholder { color: black; }
.form-control::-moz-placeholder { color: black; }
.form-control:-ms-input-placeholder { color: black; }

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border: 0.5px solid rgba(0,0,0,0.3);
    border-radius: 5px; /* 5px rounded corners */
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.almedio {
    width: 300px;
    margin:0 auto;
}