@media only screen and (max-width: 768px) {


	html, body, section {
	  block-size: auto;
	}

	html {
	  overflow: none;
	  scroll-behavior: smooth;
	  scroll-snap-type: none;
	}

	section {
	  padding-top: 100px;
	  padding-bottom: 100px;
	  scroll-snap-align: none;
	  scroll-snap-stop: none;
	  width: 100%;

	  display: inline-block;
	  align-items: normal;
	  justify-content: flex-start;
	}

	.container{
		width: 100%;
	}

	.container .col{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
		width: 100%;
	}

	h1{
		font-size:35px;
		font-family: 'Dancing Script';
		margin-bottom: 10px;
		/*color: rgba(73, 88, 125, 1);*/
	}

	h2{
		font-size: 22px;
  		font-family: 'Dancing Script';
	}

	i{
		font-size: 17px;
  		font-family: "optima";
	}


	.col{
		left: -100px;
		transform: scale(1);
	}

	.show{
		left: 0;
	}

	.mail{
		display: none;
	}












	/*COLORS*/
	#colors1{
		padding-top: 40px;
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
		/*background-image: url("Walls/Wallpaper SEA.png");*/
	}

	#colors2{
		background: linear-gradient(-35deg, #685 0% , #685 50% , #796 50% , #796 100%);

		width: auto;
		height: auto;
	}

	#colors3{
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
	}

	#colors4{
		background: linear-gradient(-35deg, #685 0% , #685 50% , #796 50% , #796 100%);
	}

	#colors5{
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
	}

	#colors6{
		background:  linear-gradient(20deg ,#346 0%, #235 100%);
		padding: 0px;
		margin-bottom: 0px;
	}

















	/*LOGO PAGINA*/
	.header img{
		margin-bottom: 20px;
	}
	@keyframes gradientLogo {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	40%{
		transform: scale(1);
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 1;
		transform: scale(1.0);
	}
}










	/*Visitare*/
	.visitare-cellulare{
		display: block;
	}

	.visitare-computer{
		display: none;
	}










	/* NAVBAR MENU */
	.container-body, .container-back, .footer{
		padding-left: 5px;
		padding-right: 5px;
	}

	.navbar-collapse{
		position: absolute;
		top: 0px;

		padding-bottom: 80px;

		z-index: 5;

		background: linear-gradient(0deg , #fffe 2% , #ffff 43%  ,  #ffff 100%);

		width: 100%;
	}


	.navbar-toggle{
		background-color: rgba(220,220,220,0.9);
		z-index: 6;
	}


	.navbar li{
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background:  linear-gradient(90deg , #fff0 0% , #fff3 50%  ,  #fff0 100%);
		color: #fff;

	}

	.stick{
		position: fixed;
		width: 100%;

		background-color:rgba(0, 0, 0, 0.0);
	}

	.librand img{
		display: none;
	}
		










	/*CAROUSEL*/
	.carousel:hover{
		transform: scale(1);
	}







	/*FOOTER*/
	.container-footer{
		padding-top: 60px;

		background: rgba(240, 240, 240, 1.0);
	}

	.container-footer .row{
		text-align: center;
	}

	.container-footer .col , .container-footer .row , .container-footer{
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.rowsito p{
		text-align: center;
	}

	.boxmenufoot{
		display: none;
	}


}

























@media only screen and (max-width: 1200px) and (min-width: 769px) {
	html, body, section {
	  block-size: auto;
	}

	body{
		background-color: #346;
	}

	html {
	  overflow: none;
	  scroll-behavior: smooth;
	  scroll-snap-type: none;
	}

	section {
	  float: right;
	  width: 70%;
	  padding-top: 100px;
	  padding-bottom: 100px;
	  scroll-snap-align: none;
	  scroll-snap-stop: none;
	  
	  display: inline-block;
	  align-items: normal;
	  justify-content: flex-start;
	}



	.container{
		width: 100%;
	}

	.container .col{
		width: 100%;
		text-align: left;
	}

	.col p , .col h1 , .col h2{
		padding-left: 20px;
	}


	.col li h2{
		padding-left: 0px;
	}



	

	/*NAVBAR*/
	.navbar-collapse{
		position: absolute;
		top: 0px;

		padding-bottom: 80px;

		z-index: 5;

		background: rgba(255, 255, 255, 1);
		color: #fff;

		width: 100%;
		height: 100%;
	}

	.stick{
		left: 0%;
		width: 30%;
		height: 100%;
		background-color: #fff;
		animation: stickmenuAnimation 3s ease;
	}

	@keyframes stickmenuAnimation{
		0% {
			left: -30%;
		}
		100% {
			left: -0%;
		}
	}

	@keyframes gradientmenu {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}



	.librand img{
		display: none;
	}

	.navbar-nav li{
		width: 100%;
	}


	.mail{
		display: none;
	}





	/*Visitare*/
	.visitare-cellulare{
		display: block;
	}

	.visitare-computer{
		display: none;
	}







	/*COLORS*/
	#colors1{
		padding-top: 40px;
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
		/*background-image: url("Walls/Wallpaper SEA.png");*/
	}

	#colors2{
		background: linear-gradient(-35deg, #685 0% , #685 50% , #796 50% , #796 100%);
		width: 70%;
		height: auto;

	}

	#colors3{
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
	}

	#colors4{
		background: linear-gradient(-35deg, #685 0% , #685 50% , #796 50% , #796 100%);
	}

	#colors5{
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
	}

	#colors6{
		background:  linear-gradient(20deg ,#346 0%, #235 100%);
		padding: 0px;
		margin-bottom: 0px;
	}


	/*LOGO PAGINA*/
	.header img{
		margin-bottom: 20px;
	}



	/*CAROUSEL*/
	.carousel:hover{
		transform: scale(1);
	}


	/*FOOTER*/
	.container-footer{
		box-shadow: none;
		background: rgba(240, 240, 240, 1.0);
	}

	.container-footer .col{
		width: 100%;
	}

	.boxmenufoot{
		display: none;
	}

	.container-footer .col p , .container-footer .col h1 , .container-footer .col h2{
		padding-left: 0px;
	}
}












@media only screen and (min-width: 1200px) and (max-height: 800px) {
	html, body, section {
	  block-size: auto;
	}

	body{
		background: rgba(230, 230, 230, 1.0);
	}

	html {
	  overflow: none;
	  scroll-behavior: smooth;
	  scroll-snap-type: none;
	}

	section {
	  width: 100%;
	  padding-top: 100px;
	  padding-bottom: 100px;
	  scroll-snap-align: none;
	  scroll-snap-stop: none;
	  
	  display: inline-block;
	  align-items: normal;
	  justify-content: flex-start;
	}

	.container{
		/*width: 100%;*/
	}

	.container .col{
		/*width: 100%;
		text-align: left;*/
	}

	.col p , .col h1 , .col h2{
		padding-left: 20px;
	}


	.col li h2{
		padding-left: 0px;
	}






	/*NAVBAR*/
	.navbar-collapse{
		position: absolute;
		top: 0px;
		width: 100%;

		padding-bottom: 80px;

		z-index: 5;

		background: rgba(235, 235, 235, 1);
		color: #fff;

		/*width: 20%;
		height: 100%;*/
	}


	.librand img{
		/*display: none;*/
	}

	.navbar-nav li{
		/*width: 100%;*/
	}













	/*Visitare*/
	#colors2{
		padding: 0px;
		height: auto;
	}
	.visitare-computer{
		width: 100%;
		height: auto;
	}
	.visitare-computer h2{
		font-size: 20px;
	}
	.visitare-computer .row{
		height: 400px;

	}






	/*COLORS*/
	/*#colors1{
		padding-top: 40px;
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
		/*background-image: url("Walls/Wallpaper SEA.png");
	}

	#colors2{
		background: linear-gradient(-35deg, #685 0% , #685 50% , #796 50% , #796 100%);
	}

	#colors3{
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
	}

	#colors4{
		background: linear-gradient(-35deg, #685 0% , #685 50% , #796 50% , #796 100%);
	}

	#colors5{
		background: linear-gradient(-35deg, #235 0% , #235 50% , #346 50% , #346 100%);
	}

	#colors6{
		background:  linear-gradient(20deg ,#346 0%, #235 100%);
		padding: 0px;
		margin-bottom: 0px;
	}*/


	/*LOGO PAGINA*/
	.header img{
		margin-bottom: 20px;
	}



	/*CAROUSEL*/
	.carousel:hover{
		transform: scale(1);
	}


	/*FOOTER*/
	.container-footer{
		box-shadow: none;
		background: rgba(240, 240, 240, 1.0);
	}

	.container-footer .col{
		/*width: 50%;*/
	}

	.boxmenufoot{
		/*display: none;*/
	}

	.container-footer .col p , .container-footer .col h1 , .container-footer .col h2{
		padding-left: 0px;
	}
}