@font-face { 
           font-family: "Rusch";
           src: url(/data/fonts/Rusch-GoticoAntiqua100G.otf);
	   font-weight: bold;
	   }


h1 {   
	font-size: 300%;
	width:100%;
	color: black; 
	font-family: "Rusch"; 
	text-align: center; 
	}

@font-face {
            font-family: "Rusch";
            src: url(/data/fonts//Rusch-GoticoAntiqua100G.otf);
	    font-weight: bold;
	   } 

body{
	font-family: "Rusch"; 
	font-size: 20px; 
	background-color: beige;   
	}

p 	{   
	color: black;
	font-family: "Rusch";
	font-size: 20px; 
	}

* {   
		box-sizing: border-box; 
	}  


@keyframes mymove {  5% {box-shadow: 5px 10px 15px skyblue;} }
.main {   
		float: left;   
		width: 60%;   
		padding: 0 50px; 
		}  

.right {   
		background-color: powderblue;   
		float: left;   
		width: 20%;   			
		padding: 15px;   
		margin-top: 7px;   
		text-align: center; 
		}  

.bottom {
	    background-color: powderblue;
        float: left;
        width: 100%;
        padding: 15px;
        margin-top: 7px;
        text-align: center;
        } 

@media only screen and (max-width: 840px) {   
		/* For mobile phones: */   
		.menu, .main, .right {     
					width: 100%;   
							} 
		}