* {

	box-sizing: border-box;

	margin: 0;

	padding: 0;

}

body, p {

	margin: 0 !important;

	padding: 0 !important;

}

body {

	font-family: 'Raleway', sans-serif;

	text-rendering: optimizeLegibility;

}

b, strong, h1, h2, h3, h4, h5, nav, .btn, .font2, .text-net {

	font-family: 'Raleway', sans-serif;

	font-weight: bold;

	text-rendering: optimizeLegibility;

}

h1 {

	font-size: 2.9rem;

	text-align: center;

	padding: 50px;

	color: white;

	text-shadow: 2px 2px 3px #333;

}

.profilo {

	margin-right: 25px;

	margin-bottom: 20px;

	width: 220px;

}

.note {font-size: 12px;}

.footer_min {

	padding: 16px;

	border-top: solid 1px gray;

}

.row .portfolio p {

	margin-bottom: 10px;

}



.progress {

	border-radius: 0;

	margin-bottom: 10px;

	margin-top: 5px;

}

.progress-bar {

	text-align: right;

	padding-right: 10px;

}

.back-to-top {

    cursor: pointer;

    position: fixed;

    bottom: 20px;

    right: 20px;

    display:none;

    padding: 10px;

}





/* //////// COLORI GRAFICA SITO //////// */



header, footer, .semifooter {

	background-color: #333333;

	color: white;

}

.btn {

	background-color: #666699;

	color: white;

	border-color: gray;

	width: 275px;

	margin-top: 15px;

	text-transform: uppercase;

	transition: 0.2s;

}

.btn:hover {

	background-color: #333399;

	color: white;

	transition: 0.2s;

}

.form-control:focus {

	border-color: #333399;

	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);

}

.text-net {color: #666699;}





/* //////// PARALLAX //////// */



.parallax {

	/*background-image: url("../src/img/----");*/

	height: 100%; 

	background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.parallax .titolo {

	text-align: center;

	padding-top: 400px;

}





/* //// MENU DI NAVIGAZIONE //// */



header {

	border-bottom: solid 1px gray;

	position: fixed;

	display: inline;

	top: 0;

	width: 100%;

	transition: top 0.2s;

	z-index: 2;

}

nav {

	float: right;

	overflow: hidden;

	position: absolute;

	right: 20px;

	top: 20px;

}

.navbar-brand {display: inline;}

nav .nav-link, .nav-item .nav-link, a.nav-link {

	color: white;

	font-size: 14px;

	text-transform: uppercase;

	transition: 0.2s;

}

nav .nav-link:hover, .nav-item .nav-link:hover {

	color: #fc3f3f;

	transition: 0.2s;

}





/* //////// MENU DI NAVIGAZIONE MOBILE //////// */



.overlay {

    height: 0;

    width: 100%;

    position: fixed;

    z-index: 1;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0, 0.97);

    overflow-x: hidden;

    transition: 0.4s;

}

.overlay-content {

    position: relative;

    top: 25%;

    text-align: center;

}

.overlay a {

    padding: 14px;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 25px;

    color: #818181;

    display: block;

    transition: 0.2s;

}

.overlay a:hover, .overlay a:focus {color: #fff;}

.overlay .closebtn {

    position: absolute;

    top: 20px;

    right: 25px;

}

.responsive img {

	position: fixed;

	top: 8px;

	right: 20px;

}













/* //////// CSS MOBILE //////// */



@media (max-width:1023px){



	main {margin-top: 55px;}

	header {

		height: 55px;

	}	

	.nav, .socialnav {display: none;}

	.navbar-brand img {

		width: 12rem;

		padding-top: 5px;

		padding-left: 10px;

	}

	.box-sezioni {

		padding-top: 55px;

		padding-bottom: 65px;

	}

	.spazio {

		width: 90%;

		padding: 45px 20px 45px 20px;

		margin: auto;

	}

	.contatti iframe {

		height: 785px;

		border-bottom: solid 1px gray;

		margin-left: -5px;

	}

	.aboutme {padding: 5%;}

	.portfolio {

		padding: 20px;

		padding-top: 40px;

		margin: auto;

	}

	.portfolio img {

		width: 150px;

		padding: 5px;

	}

}



@media (max-width:549px){



	.spazio {

		width: 90%;

		padding: 45px 20px 45px 20px;

		text-align: center;

	}

	.profilo {margin-right: 0;}

}





/* //////// CSS TABLET & DESKTOP //////// */



@media (min-width: 1024px){



	main {margin-top: 75px;}

	header {

		height: 75px;

	}	

	.navbar-brand img {

		width: 15rem;

		padding-top: 10px;

		padding-left: 20px;

	}

	.responsive {display: none;}

	.box-sezioni {

		padding-top: 40px;

		padding-bottom: 55px;

	}

	.spazio {

		max-width: 1000px;

		padding: 45px 20px 45px 20px;

		margin: auto;

	}

	.spazio p {margin-right: 25px;}

	.portfolio {

		padding: 45px;

		margin: auto;

	}

	.portfolio img {

		width: 250px;

		float: left;

		padding: 10px;

	}

	.contatti iframe {

		width: 400px;

		height: 750px;

	}



}