@import url('https://fonts.googleapis.com/css?family=Montserrat');

body {
	position: relative;
	padding-bottom: 6rem;
  	min-height: 100%;
	background: url(img/expo_fadu1.jpg) center top no-repeat;
	background-size: cover;
}
    
*{box-sizing: border-box;margin: 0;padding: 0;font-family:'montserrat', sans-serif;}
header {
    display: inline-block;
    background: #000000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 11px;
    width: 100%;
    height: 74px;
    padding: 25px 15px;
	}
header h1 {
    color: #ffffff;
	display: inline-block;
	}

header h2 {
    display: inline-block;
	float: right;
     font-size: 20px;
}

header h2 a{
	color: #ffffff;
}


.cont {
    width: 700px;
    margin: 500 auto;
    padding:7px 3px;
    height: auto;
    display: flex;
    justify-content: space-between;
	}

h3 {color: #FFFFFF}
h3 {font-size: 30px}
h4 {color: #FFFFFF}
h4 {font-size: 20px}

.datos {
	display: inline-block;
	}
.materias {
	display: inline-block;
	float: right; 
	background: #FFFFFF;
    padding: 15px	}

.materias ul {
	list-style: none;
	}

.materias ul li {
	font-family: 'montserrat', sans-serif;
    font-size: 20px;
}


footer {
	position:fixed;
  right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-align: center;
	}