@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Quicksand:wght@300&display=swap');;
*{ padding: 0; margin: 0; box-sizing: border-box; transition: all 3s}
body {background:#000000; }
header {background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%)}
footer p {color: white; font-size: 0.7rem}
section {color:white}
h1 {color: white; font-family: 'Quicksand', sans-serif; margin: 1rem 0 0 1rem}
h2 {color: white; font-family: 'Quicksand', sans-serif; margin: 1rem 0 0 1rem }
h3 {color: #fc542d;font-family: 'Quicksand', sans-serif }
section {display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: space-between;  }
.columna {background: #606060}
.columnab {background: #454545}
.columnac {background: #2e2e2e}
.columnad {background: #1c1c1c}
.vn25 {text-align: center}
.fotogaston { border-radius: 50%; width: 50%; margin: 0 0 0 1rem;
            border-bottom-style: inherit; 
            border-bottom-color: white }
.fadu { margin: 5rem 0 0 0  }
.link {text-decoration: none; color:white; font-size: 2rem; margin: 1rem}


@media (min-width:576px) {
    
    .titulo {text-align: center }
    header {background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%); text-align: center  }
    h3 {text-align: center }
    section {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;  }
    h1 {color: white; font-family: 'Quicksand', sans-serif; margin: 1rem 0 0 0}
    h2 {color: white; font-family: 'Quicksand', sans-serif; margin: 1rem 0 1rem 0 }
    .fotogaston { border-radius: 50%; width: 18%; margin: 0 0 0 0 }
    section article {width: 24%;  background: #393939}
    .columna {background: #606060}
    .columnab {background: #454545}
    .columnac {background: #2e2e2e}
    .columnad {background: #1c1c1c} 
    .alumnos {display: flex; 
       flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;  }
    .fadu { width: 15%; margin: 5rem 0 0 43%; }
    .link {text-decoration: none; color:white; font-size: 2rem; margin: 0 0 0 0}