* {
	margin:0;
	padding:0;
}

@font-face {
    font-family: Ubuntu-Medium;
    src: url(fonts/Ubuntu-Medium.ttf);
}

@font-face {
    font-family: Ubuntu-Regular;
    src: url(fonts/Ubuntu-Regular.ttf);
}

@font-face {
    font-family: Courgette-Regular;
    src: url(fonts/Courgette-Regular.ttf);
}

body {
	background:#fff;
	margin-top:0px;	
	color:#585858;
	font-family: Ubuntu-Regular; 
}

p {
	font-size:1.0em;
	line-height:1.2em; 
}

h1 {
	font-size:1.5em; 
	line-height:1.2em;
	margin-bottom:2%;
} 

footer p { 
	color:#000; 
	margin-bottom:0px;
	font-size:0.8em; 
}

footer h1 { 
	color:#000; 
	margin-bottom:10px;
	font-size:1.1em; 
}

footer h2 { 
	color:#fff; 
	margin-bottom:2%;
	font-size:0.8em; 
	background-color: #000;
	padding:2%;
}



a {
    text-decoration: none;
}

/* RESPONSIVE IMAGES */
.top img { 
	width:100%; 
	height:auto; 
	text-align:center;
}

.footer-logo img { 
	width:100%; 
	height:auto; 
	text-align:center;
}


.wrapper {
	width: 100%; 
	margin:  auto;	
}

.text {
	padding:7%;
}


/*FOOTER*/
footer {  
	background:#f5e300;
	padding:7%;
	
}

footer::after {  
	content:'';
	display:block;
	clear: both;

}

.footer-logo {
	width: 30%;
	float: right;
	display:block;
}

.footer-text {
	width: 65%;
	float: left;
	display:block;
	
}

.social {
	margin-top:5%;
	
}
@media screen and (min-width: 800px) {

.wrapper{
	width: 50%; 
	margin:  auto;	
}



} 

@media screen and (min-width: 1000px) {

.wrapper{
	width: 35%; 
	margin:  auto;	
}

} 

@media screen and (min-width: 1400px) {

.wrapper{
	width: 25%; 
	margin:  auto;	
}

}