@font-face{
			font-family:Monterchi Serif;
			src: url(fuente.ttf);
			}
			
			body {
				background: url(./img100.jpg) center center no-repeat;
    			background-size: cover;
				height: 100vh;
    			width: 100%;
			}
			.botoncle{
			background: white;
    		padding: 20px;
    		color: black;
    		text-decoration: none;
			font-family:Monterchi Serif;font-size: 40px;
			}
			
			.botoncle:hover{
			background: black;
    	padding: 20px;
    	color: white;
    text-decoration: none;
				font-family:Monterchi Serif;
			}

			#logo {
			  width: 400px;
				margin:0 auto;
			}


			.container{
			margin: 0 auto;
    		text-align: center;
    		height: 100vh;
			}
			.hero-title{
			color:white;
			font-size:30px;
			padding: 30px;}
			article {
				max-width: 36em;
				margin: 0 auto;
				padding: 1em;
				
			}
			
			@media (max-width: 600px) {
				
				#logo {
    width: 100% !important;
    margin: 0 auto;
}