html
	{
	height: 100%;
	ascroll-behavior: smooth;
	}

*
	{
	font-family: 'Comic Note';
	}

body
	{
	padding: 0px;
	margin: 0px;
	background-color: white;
	color: black;
	height: 100%;
	overflow: hidden;
	background-image: url(/img/roma.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
	}

@media (max-width: 768px)
	{
	body
		{
		overflow: visible;
		}
	}

h1
	{
	font-size: 15.25vh;
	font-family: Times New Roman;
	aletter-spacing: 4vh;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 3.5vh;
	padding-bottom: 3.5vh;
	abackground-color: white;
	}

h2
	{
	font-family: Cuprum;
	padding: 0.5px 2.25vw;
	padding-top: 2.25vh;
	border-radius: 50vw 50vw 0px 0px;
	font-size: 6vh;
	letter-spacing: 0.5vh;
	font-weight: bold;
	aopacity: 0.5;
	abackground-color: black;
	background-color: transparent !important;
	display: inline;
	atext-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	aborder-radius: 0.5vh 0.5vh 0px 0px;
	}
	
#title
	{
	background-color: transparent;
	padding-bottom: 1px;
	}

@media (max-width: 768px)
	{
	h1
		{
		font-size: 7.5vh;
		aletter-spacing: 2vh;
		margin-top: 2.5vh;
		margin-bottom: 0px;
		}
	
	h2
		{
		font-size: 4vh;
		font-weight: normal;
		letter-spacing: 0vh;
		background-color: transparent !important;
		border-radius: 0px;
		}
	
	#title
		{
		background-color: white;
		padding-bottom: 0px;
		}
	}

input,textarea
	{
	color: black;
	}

::-webkit-scrollbar {
 awidth: 10px;
}

.row
	{
	margin: 0px;
	}

#jm-img-smartphones
	{
	display: none;
	}

#who-i-am p {
	font-size: 3.33vh;
	text-align: justify;
	font-family: Cuprum;
}

@media (max-width: 768px) {
	#who-i-am {
		width: 95% !important;
		height: 85% !important;
		padding: 3.33vw !important;
		padding-top: 7.5vw !important;
	}
	
	#who-i-am-lg-select {
		right: 2.5vw !important;
		top: 2.5vw !important;
	}
	
	#who-i-am-close {
		atop: 2.5vw !important;
		display: none;
	}
	
	#win-back {
		background-color: rgba(0,0,0,0.75) !important;
	}
	
	#win-back-close {
		display: block !important;
	}
	
	#who-i-am p {
		font-size: 2.5vh !important;
	}
}

.rs-ext
	{
	text-align: center;
	}
	
.rs
	{
	awidth: 75%;
	width: 100%;
	height: 22vh;
	background-color: rgba(255,255,255,1);
	border-radius: 5px;
	margin-bottom: 5vh;
	padding: 2vh 0px;
	color: black;
	box-shadow: 5px 5px 7.5px rgba(0,0,0,0.2);
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	}

.rs:hover
	{
	transform: scale(1.025);
	background-color: rgba(255,255,255,1);
	color: black;
	box-shadow: 7.5px 7.5px 10px rgba(0,0,0,0.2);
	}

.rs .fa
	{
	font-size: 10vh;
	}

.rs span
	{
	display: block;
	margin-top: 10px;
	font-size: 4.5vh;
	font-family: Cuprum;
	}

#rs-mail
	{
	font-size: 3vh;
	padding-top: 1.25vh;
	}

@media (max-width: 768px) {
	#jm-img-smartphones
		{
		display: block;
		}
	
	#jm-img-computers
		{
		display: none;
		}

	.rs
		{
		width: 100%;
		padding-top: 15px;
		}
	
	.rs span {
		font-size: 5vh;
	}
}