*{
	margin: 0px;
	padding: 0px;
}

/*MOBILE*/ 

body {
    background-image: url(../images/metal.jpg);
    background-repeat: inherit;
	background-size: 65%;
}

nav { 
    background-color: #000;
    color:white;
    height:70px;
    line-height: 70px;
    border-bottom:solid 1px #fff;
}

.RSFtitle{
    width:auto;
    height:100%;
    text-align:left;
    display:inline-block;
    padding-left:20px;
    font-size:22px;
    font-family: lobster;
}

.navtitle {
	width:100%;
	height:100%;
	text-decoration:none;
	color:#fff;
}

nav label{
    width:auto;
    float:right;
    text-align:right;
    font-size: 26px;
    line-height: 70px;
    margin-right:20px;
}

#toggle{
    display:none;
}

#toggle:checked + .menu {
    display:block;
}

.menu {
    position:absolute;
    top:70px;
    width:100%;
    display:none;
    margin:0 30px 0 0;
    text-align:right;
    z-index: 1000;
    background-color:#5B5B5B;
}

.menu li{
    display:block;
    border-bottom:solid;
    border-width:2px;
    border-color: #727272;
    text-align:center;
}

.menu a{
    width:100%;
    height:70px;
    line-height: 70px;
    color:#fff;	
    text-align:center;
    padding:0px 0px;
    display:block;
    font-size:22px;
}

.nav-btn a{
    font-family:roboto;
    text-decoration:none;
}

#current {
    text-decoration:underline;
}

.redes-box{
    display:flex;
    justify-content: center;
    align-items:center;
    height:70px;
}

.redes-box .icon{
    height:35px;
    width:35px;
    display:inline-block;
    border:none;
    padding-top:10px;
    margin:0 5px;
}

.redes-box a{
    height:100%;
    width:100%;
}

.redes-box img{
    filter:invert(100%);
    width:100%;
    height:100%;
}

.btn-scroll {
	display:none;
	cursor:pointer;
	position:fixed;
	height:60px;
	width:60px;
	bottom:0;
	right:0;
	margin-bottom:30px;
	margin-right:15px;
}

.btn-scroll img {
	height:100%;
	width:100%;
}

.footer{
	width:100%; 
	height:70px;
	line-height: 70px; 
	background-color: #000;
	margin-top:40px;
	font-family:arial;
	text-align:center;
	border-top:solid 2px #fff;
}

.license{
	color:#ccc;
	width:100%;
}

/*TABLET*/
@media only screen and (min-width:500px){
	
	body{
		background-size: 35%;
	}
	
    .RSFtitle{
		height:100%;
		padding-left:30px;
		font-size:35px;
		line-height:100px;
	}

	nav { 
		height:100px;
	}

	.menu {
		position:absolute;
		top:100px;
		width:100%;
		display:none;
	}

	.menu li{
		display:block;
		border:solid;
		border-width:0 1px 1px 1px;
	}

	.menu a{
		width:100%;
		height:100%;
		line-height: 100px;
		text-align:center;
		font-size:30px;
		padding:0px 0px;
		display:block;
	}

	.redes-box{
		height:100px;
	}

	.redes-box .icon{
		height:50px;
		width:50px;
		padding-top:20px;
		margin:0 10px;
	}

	nav label{
		height:100px;
		line-height: 100px;
		margin-right:40px;
		font-size:35px;
	}

	.btn-scroll {
		width:80px;
		height:80px;
		margin-right:25px;
		margin-bottom:40px;
	}
}

/*NOTEBOOK1*/
@media only screen and (min-width:1024px){

	body{
		background-size: 20%;
	}

	.RSFtitle{
		display:inline-block;
		padding-left:30px;
		font-size:35px;
	}

	nav{
		height:100px;
		line-height: 100px;
	}

	.menu{
		position:initial;
		display:block;
		float:right;
		background-color:rgb(0,0,0, 0%);
		margin:0;
		width:auto;
	}

	.menu li{
		display:inline-block;
		border:none;
		margin-right:30px;
	}

	.menu a{	
		padding: 0px 0px;
		color:#fff;
		font-size:18px;
	}

	.redes-box .icon{
		height:20px;
		width:20px;
		padding:0;
		margin:0 0;
	}

	nav label{
		display:none;
	}

	#toggle{
	display: none;
	}

	.btn-scroll {
		height:90px;
		width:90px;
		margin-right:30px;
		margin-bottom:45px;
	}
}

/*NOTEBOOK2*/
@media only screen and (min-width:1400px){
	body{
		background-size: 18%;
	}

    .RSFtitle{
		font-size:40px;
	}

	.menu li {
		margin-right:40px;
	}

	.menu a{
		font-size:23px;
	}

	.redes-box .icon{
		margin:1px;
		height:25px;
		width:25px;
	}
}

/*PC*/
@media only screen and (min-width:1890px){
    .RSFtitle{
		display:inline-block;
		padding-left:40px;
		font-size:45px;	
	}

	nav{
		height:100px;
		line-height: 100px;
	}

	.menu li{
		margin-right:40px;
	}

	.menu a{	
		padding: 0px 10px;
		color:#fff;
		font-size:24px;
	}

	.redes-box .icon{
		margin:3px;
		height:30px;
		width:30px;
	}
}