@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
/* declaring the website maximum screen size 1920px*/
html,body,nav,footer {max-width:100vw!important; margin:auto; }

/* declaring HTML content */
html {position: relative; min-height:100%; width:100%; }

/* declaring Body contect */
body {margin:0; height:100%; min-height:100%; min-width:100%; clear: both; overflow-x:hidden; font-family: 'Poppins', sans-serif; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Poppins", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

a,
a:hover,
a:focus {
    text-decoration: none;
    transition: all 0.3s;
}

small {font-size:9pt}

.caret {font-size:1px; width:2px}




/*====================================================================================================*/
/*==================================== All Media Query Start Here ====================================*/
@media print {
   body *, #main * { display:none; }
 
}
/* media query for 1921px & More*/
@media only screen and (min-width:2561px) {

/*----------------------------------------------------
				NAVBAR CSSS
------------------------------------------------------*/
	.menu {
		height:50px; width:50px; font-size:20pt
	}
	.short h2{
		font-size:5.0rem;
	}
	
/*-------------------------------------------------------
				Leftnav Bar 
---------------------------------------------------------*/
	.sidebar {
		width: 510px; left: -425px; 
	}	
	.sidebar_change {
		width: 425px; left: -425px;
	}		
	#sidebar ul li a {
		padding: 10px; margin-top:10px; font-size: 2.0em;
	}	
	.sideheading { 
		margin-left:425px; min-width:85px; max-width:85px;
	}
	.sideheading b{
		font-size:4.0rem; 
	}	
	#change_color{
		width:80px; height:80px; margin-right:3px;
	}
	
/*--------------------------------------------------------
				Home Main CSS
----------------------------------------------------------*/
	#main {
		padding-left:10%; padding-right:10%;
	}	
	/* Home Leftside CSS */
	#leftside {
		min-height: 94vh; margin-top:6vh; 
	}	
	#indexbox h1 {
		font-size: 8.10rem;
	}
	#p1 {
		 font-size: 3.50rem; 
	}
	#p2 {
		font-size: 3.85rem;
	}
	#p3 {
		font-size: 3.75rem; 
	}	
	#p3  small {
		font-size: 2.50rem; 
	}
	#p4 {
		font-size: 3.75rem; font-weight:400
	}	
	#comp_div{
		width:auto; margin-left:15px
	}	
	#comp_div a {
		font-size: 2.60rem;
	}
	
	/* Home rightside CSS */
	#rightside {
		min-height: 94vh; margin-top:6vh; background:none;
	}
	#rightside img {
		min-height:85vh; 
	}	
	#downarrow{
		min-height:95px;
	}
	#downarrow img {
		max-height:95px;
	}
	#button {
		max-height:65px
	}
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:10%; padding-right:10%; margin-top:85px;
	}	
	.box-section2 {
		min-height:22.5vh; padding: 25px;
	}	
	#menu_b {
		font-size:5.5rem;
	}
	
/*--------------------------------------------------------
		GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
----------------------------------------------------------*/
	#general_main {
		padding-left:10%; padding-right:10%;
	}	
	#generalbox {
		margin-top:75px !important; top:0; width:100%; min-height:88vh;
	}	
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.5rem
	}
	.general-text h4 {
		font-size:3.30rem
	}
	.general-text p{
		font-size:3.45rem; font-weight:100; letter-spacing: 1px; line-height:2.0; padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;
	}	
	.general-text li{
		font-size:3.45rem; font-weight:100; letter-spacing: 1px; line-height:1.90; margin-top:20px; margin-left:40px
	}	
	#italian {
		font-weight:normal! important; font-size:3.30rem;
	}	
	#general-img{
		max-width:620px; display:inline-block; float:right; margin-left:10px; margin-right:30px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#general-img-type02{
		margin-left:10px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:75vw
	}
	#general-img-type02 img{ 
		min-width:560px; max-width:580px; margin-left:30px!important; margin-right:30px!important; padding: 5px; border: 7px ridge #848383; border-radius:10px
	}	
	#about-img {
		max-width:620px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:80px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	#img-caption{
		font-size:2.50rem; 
	}
	
	.back-forward-button{
		font-size:3.20rem; margin-top:60px; margin-bottom: 40px;
	}
	
	/* Biography Section */
	.lead {
		font-size:3.45rem; line-height:1.5; margin-left:10px;
	}
	.potraits {
		margin-top:70px! important; margin-bottom:10px! important
	}	
	#biography-img{
		max-width:620px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	
	/* Business Section Start */
	#business01_left {
		min-width:25%; max-width:25%
	}	
	#business01_right {
		min-width:75%; max-width:75%
	}	
	#business01_left_sub {
		min-width:4%; max-width:4%;
	}	
	#business01_right_sub {
		min-width:96%; max-width:96%;
	}	
	#business01_left_sub_sub {
		min-width:8%; max-width:8%;
	}	
	#business01_right_sub_sub {
		min-width:92%; max-width:92%;
	}	
	#business_two_row{
		margin-bottom:30px
	}	
	#business h3{
		font-size:3.4rem; line-height:1.5; 
	}
	#business h1{
		font-size:3.8rem; line-height:1.5; 
	}	
	#business h4 {
		font-size:2.6rem; padding:12px; margin-top:15px! important; 
	}
	#business p{
		font-size:3.2rem; line-height: 2.0;
	}	
	
	/*BLOG SECTION START*/
	#blog_post_class_1 {
		margin-top:10px; margin-bottom:10px; min-height:380px;
	}	
	#blog_post_img {
		margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; min-height:320px; max-height:380px;
	}	
	#blog_post i{
		font-size: 2.4rem;
	}	
	#blog_post span{
		font-size: 3.0rem; line-height:1.6;
	}	
	
	/*GALLERY SECTION START*/
	.photos{
		margin:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	}	
	.img-frame-cap {
		width:24%; margin-left:.50%; margin-right:.50%; padding: 18px 18px 2px 18px; min-height:50vh;
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:380px; margin:auto; 
	}	  
	.album-caption {
		font-size: 3.2rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:10px;
	}	
	#mostleft{
		margin-left:12%!important;
	}
	
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:180px;  padding-right:180px;
	}
	
	
	/* Chronicles Page Section */
	.section-main{
		padding-left:450px; padding-right:450px; margin-top:90px;
	}
	.box-section {
		min-height:90vh; padding: 25px;
	}
	
	/* BOOKS PAGE */
	#books_img{
		max-height:65vh;
	}
	
	
}

/*  media query for 1710px & 1921px */
@media only screen and (min-width: 1710px) and (max-width:2560px) {

	/*----------------------------------------------------
				NAVBAR CSSS
	------------------------------------------------------*/
	.menu {
		height:40px; width:40px; font-size:18pt
	}
	.short h2{
		font-size:4.8rem;
	}
	
	/*-------------------------------------------------------
				LEFTNAV BAR 
	---------------------------------------------------------*/
	.sidebar {
		width: 395px; left: -325px; 
	}	
	.sidebar_change {
		width: 325px; left: -325px;
	}		
	#sidebar ul li a {
		padding: 10px; font-size: 1.4em;
	}	
	.sideheading { 
		margin-left:325px; min-width:70px; max-width:70px;
	}
	.sideheading b{
		font-size:2.8rem; 
	}	
	#change_color{
		width:60px; height:60px; margin-right:3px;
	}
	
	/*--------------------------------------------------------
				HOME MAIN CSS
	----------------------------------------------------------*/
	#main {
		padding-left:10%; padding-right:10%; height:100vh;
	}
	
	/* Home Leftside CSS */
	#leftside {
		min-height: 91vh; margin-top:9vh;
	}	
	#indexbox h1 {
		font-size: 6.30rem;
	}
	#p1 {
		 font-size: 2.10rem; 
	}
	#p2 {
		font-size: 2.45rem;
	}
	#p3 {
		font-size: 2.35rem; 
	}	
	#p3  small {
		font-size: 1.60rem; 
	}
	#p4 {
		font-size: 2.35rem; font-weight:400
	}
	#comp_div{
		width:auto; margin-left:15px; 
	}	
	#comp_div a {
		font-size: 1.80rem;
	}
	
	/* Home rightside CSS */
	#rightside {
		min-height: 91vh; margin-top:9vh; background:none;
	}	
	#rightside img {
		min-height:82vh; 
	}		
	#downarrow{
		min-height:80px;
	}
	#downarrow img {
		max-height:80px;
	}	
	#button {
		max-height:60px
	}
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:10%; padding-right:10%; margin-top:75px;
	}	
	.box-section2 {
		min-height:22.5vh; padding: 25px;
	}	
	#menu_b {
		font-size:3.8rem;
	}
	
	/*--------------------------------------------------------
			GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
	----------------------------------------------------------*/
	#general_body{
	}
	#general_main {
		padding-left:10%; padding-right:10%;
	}	
	#generalbox {
		margin-top:75px !important; top:0; width:100%; min-height:88vh;
	}	
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.5rem
	}
	.general-text h4 {
		font-size:2.40rem
	}
	.general-text p{
		font-size:2.20rem; font-weight:100; letter-spacing: 1px; line-height:1.7; padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;
	}
	.general-text li{
		font-size:2.20rem; font-weight:100; letter-spacing: 1px; line-height:1.70; margin-top:20px; margin-left:10px
	}	
	#italian {
		font-weight:normal! important; font-size:2.0rem;
	}	
	#general-img{
		max-width:480px; display:inline-block; float:right; margin-left:10px; margin-right:20px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#general-img-type02{
		margin-left:10px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:75vw
	}
	#general-img-type02 img{ 
		min-width:400px; max-width:420px; margin-left:10px!important; margin-right:10px!important; padding: 5px; border: 7px ridge #848383; border-radius:10px
	}	
	#about-img {
		max-width:480px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:80px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	#img-caption{
		font-size:1.85rem; 
	}
	
	.back-forward-button{
		font-size:1.85rem; margin-top:40px
	}
	
	/* Biography Section */
	.lead {
		font-size:2.0rem; line-height:1.5; margin-left:10px;
	}	
	.potraits {
		margin-top:60px! important; margin-bottom:10px! important
	}	
	#biography-img{
		max-width:480px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	
	/* Business Section Start */
	#business01_left {
		min-width:25%; max-width:25%
	}	
	#business01_right {
		min-width:75%; max-width:75%
	}	
	#business01_left_sub {
		min-width:5%; max-width:5%;
	}	
	#business01_right_sub {
		min-width:95%; max-width:95%;
	}	
	#business01_left_sub_sub {
		min-width:10%; max-width:10%;
	}	
	#business01_right_sub_sub {
		min-width:90%; max-width:90%;
	}	
	#business_two_row{
		margin-bottom:30px
	}	
	#business h3{
		font-size:2.4rem; line-height:1.5; 
	}
	#business h1{
		font-size:2.8rem; line-height:1.5; 
	}	
	#business h4 {
		font-size:2.0rem; padding:12px; margin-top:15px! important; 
	}
	#business p{
		font-size:2.2rem; line-height: 1.7;
	}
	
	/*BLOG SECTION START*/
	#blog_post_class_1 {
		margin-bottom:10px; margin-bottom:10px; min-height:280px;
	}	
	#blog_post_img {
		margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; max-height:280px;
	}	
	#blog_post i{
		font-size: 1.8rem;
	}	
	#blog_post span{
		font-size: 2.0rem; line-height:1.6;
	}
	
	/*GALLERY SECTION START*/
	.photos{
		 margin:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	}	
	.img-frame-cap {
		width:24%; margin-left:.50%; margin-right:.50%; padding: 18px 18px 2px 18px; min-height:55vh;
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:220px; margin:auto; 
	}	  
	.album-caption {
		font-size: 2.2rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:5px;
	}	
	#mostleft{
		margin-left:12%!important;
	}
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:150px;  padding-right:150px;
	}
	
	
	/* Chronicles Page Section */
	.section-main{
		padding-left:220px; padding-right:220px; margin-top:80px;
	}
	.box-section {
		min-height:90vh; padding: 25px;
	}
	
	/* BOOKS PAGE */
	#books_img{
		max-height:65vh;
	}
	
	
	
}

/* media query for laptop 1366px */
@media only screen and (min-width: 1367px) and (max-width:1709px) {
	
	/*----------------------------------------------------
						NAVBAR CSSS
	------------------------------------------------------*/
	.menu {
		height:40px; width:40px; font-size:18pt
	}
	.short h2{
		font-size:4.8rem;
	}
	
	/*-------------------------------------------------------
						Leftnav Bar 
	---------------------------------------------------------*/
	.sidebar {
		width: 405px; left: -335px; 
	}
	.sidebar_change {
		width: 335px; left: -335px;
	}	
	#sidebar ul li a {
		padding: 10px; font-size: 1.4em;
	}
	.sideheading { 
		margin-left:335px; min-width:70px; max-width:70px;
	}
	.sideheading b{
		font-size:2.6rem; 
	}
	#change_color{
		width:50px; height:50px; margin-right:5px;
	}
	
	/*--------------------------------------------------------
						Home Main CSS
	----------------------------------------------------------*/
	#main {
		padding-left:9%; padding-right:9%;
	}
	
	/* Home Leftside CSS */
	#leftside {
		min-height: 90vh; margin-top:10vh; 
	}
	#indexbox h1 {
		font-size: 5.80rem;
	}
	#p1 {
		 font-size: 1.80rem; 
	}
	#p2 {
		font-size: 2.25rem;
	}
	#p3 {
		font-size: 2.0rem; 
	}
	#p3  small {
		font-size: 1.45rem; 
	}
	#p4 {
		font-size: 2.0rem; font-weight:400
	}
	#comp_div{
		width:auto; 
		margin-left:15px
	}
	#comp_div a {
		font-size: 1.50rem;
	}
	
	/* Home rightside CSS */
	#rightside {
		min-height: 90vh; margin-top:10vh; background:none;
	}
	#rightside img {
		min-height:82vh; 
	}
	#downarrow{
		min-height:55px;
	}
	#downarrow img {
		max-height:55px;
	}
	#button {
		max-height:55px
	}	
		
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:9%; padding-right:9%; margin-top:70px;
	}
	.box-section2 {
		min-height:22.5vh; padding: 25px;
	}
	#menu_b {
		font-size:3.4rem;
	}
	
	
	/*--------------------------------------------------------
				GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
	----------------------------------------------------------*/
	#general_main {
		padding-left:9%; padding-right:9%;
	}
	#generalbox {
		margin-top:75px !important; top:0; width:100%; min-height:88vh;
	}
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.50rem
	}
	.general-text h4 {
		font-size:2.40rem
	}
	.general-text p{
		font-size:2.0rem; font-weight:100; letter-spacing: 1px; line-height:1.6;  padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;
	}
	.general-text li{
		font-size:2.0rem; font-weight:100; letter-spacing: 1px; line-height:1.6; margin-top:15px; margin-left:10px
	}
	#italian {
		font-weight:normal! important; font-size:1.90rem;
	}
	#general-img{
		max-width:400px; display:inline-block; float:right; margin-left:10px; margin-right:20px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}

	#general-img-type02{
		 margin-left:10px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:75vw
	}
	#general-img-type02 img{ 
		min-width:300px; max-width:320px; margin-left:5px!important; margin-right:5px!important; padding: 5px; border: 7px ridge #848383; border-radius:5px
	}

	#about-img {
		max-width:400px; display:inline-block; float:right; margin-left:10px; margin-right:20px; margin-top:80px;  background-color: rgba(255, 255, 255, 0.20); text-align:center; 
	}
	#img-caption{
		font-size:1.45rem; 
	}

	.back-forward-button{
		font-size:1.50rem; margin-top:40px
	}
	
	/* Biography Section */
	.lead {
		font-size:2.0rem; line-height:1.5; margin-left:10px;
	}
	.potraits {
		margin-top:50px! important; margin-bottom:10px! important
	}
	#biography-img{
		max-width:400px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	
	/* Business Section Start */
	#business01_left {
		min-width:25%; max-width:25%
	}
	#business01_right {
		min-width:75%; max-width:75%
	}
	#business01_left_sub {
		min-width:5%; max-width:5%;
	}
	#business01_right_sub {
		min-width:95%; max-width:95%;
	}
	#business01_left_sub_sub {
		min-width:10%; max-width:10%;
	}
	#business01_right_sub_sub {
		min-width:90%; max-width:90%;
	}
	#business_two_row{
		margin-bottom:30px
	}
	#business h3{
		font-size:2.2rem; line-height:1.5; 
	}
	#business h1{
		font-size:2.8rem; line-height:1.5; 
	}
	#group_name{
		font-size:4.2rem; line-height:1.5; 
	}
	#business h4 {
		font-size:1.8rem; padding:10px; margin-top:15px! important; 
	}
	#business p{
		font-size:2.0rem; line-height: 1.6;
	}
	
	/*BLOG SECTION START*/
	#blog_post_class_1 {
		margin-top:10px; margin-bottom:10px; min-height:240px;
	}
	#blog_post_img {
		margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; max-height:240px;
	}
	#blog_post i{
		font-size: 1.5rem;
	}
	#blog_post span{
		font-size: 1.8rem; line-height:1.6;
	}
	
	/*GALLERY SECTION START*/
	.photos{
		 margin:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	}
	#photo_gallery h4{
		font-size: 2.10rem;
	}
	.img-frame-cap {
		width:24%; margin-left:.50%; margin-right:.50%; padding: 18px 18px 2px 18px; min-height:55vh;
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:160px; margin:auto; 
	} 
	.album-caption {
		font-size: 2.10rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:5px;
	}
	#mostleft{
		margin-left:12%!important;
	}
	.item{
		background:none
	}
	.item img{
		border-style:solid; border-width:1px; border-color:silver; margin-bottom:15px; width:100%;
	}
	
	
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:150px;  padding-right:150px;
	}
	
	/* Chronicles Page Section */
	.section-main{
		padding-left:180px; padding-right:180px; margin-top:70px;
	}
	.box-section {
		min-height:86vh; padding: 25px;
	}
	
	/* BOOKS PAGE */
	#books_img{
		max-height:65vh;
	}
	
}

/* media query for laptop 1280-1365px */
@media only screen and (min-width: 1321px) and (max-width:1366px) {
	
	/*----------------------------------------------------
					NAVBAR CSSS
	------------------------------------------------------*/
	.menu {
		height:30px; width:30px; font-size:13pt
	}
	.short h2{
		font-size:3.2rem; 
	}
	
	/*-------------------------------------------------------
					Leftnav Bar 
	---------------------------------------------------------*/
	.sidebar {
		width: 345px; left: -285px;
	}
	.sidebar_change {
		width: 285px; left: -285px;
	}	
	#sidebar ul li a {
		padding: 10px; font-size: 1.1em;
	}
	.sideheading{ 
		margin-left:285px; min-width:60px; max-width:60px;
	}
	.sideheading b{
		font-size:2.6rem; 
	}
	#change_color{
		width:40px; height:40px; margin-right:5px;
	}
	/*--------------------------------------------------------
					Home Main CSS
	----------------------------------------------------------*/
	#main {
		padding-left:100px; padding-right:100px;
	}
	
	/* Home Leftside CSS */
	#leftside {
		min-height: 90vh; margin-top:10vh;
	}
	#indexbox h1 {
		font-size: 5.50rem; 
	}
	#p1 {
		 font-size: 1.50rem; 
	}
	#p2 {
		font-size: 2.05rem;
	}
	#p3 {
		font-size: 1.90rem; 
	}
	#p3  small {
		font-size: 1.30rem; 
	}
	#p4 {
		font-size: 1.90rem; font-weight:400
	}
	#comp_div{
		width:auto; margin-left:15px
	}	
	#comp_div a {
		font-size: 1.45rem;
	}
	
	/* Home rightside CSS */
	#rightside {
		min-height: 90vh; margin-top:10vh;
	}	
	#downarrow{
		min-height:45px;
	}
	#downarrow img {
		max-height:50px;
	}
	#button {
		max-height:45px
	}	
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:100px; padding-right:100px; margin-top:60px;
	}
	.box-section2 {
		min-height:22.5vh; padding: 25px;
	}
	#menu_b {
		font-size:3.2rem;
	}
	
/*--------------------------------------------------------
		GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
----------------------------------------------------------*/
	#general_main {
		padding-left:100px; padding-right:100px;
	}
	#generalbox {
		margin-top:75px !important; top:0; width:100%; min-height:88vh;
	}
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.5rem
	}
	.general-text h4 {
		font-size:2.0rem
	}
	.general-text p{
		font-size:1.6rem; font-weight:100; letter-spacing: 1px; line-height:1.6; /*position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%, -50%);*/ padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;
	}
	.general-text li{
		font-size:1.6rem; font-weight:100; letter-spacing: 1px; line-height:1.6; margin-top:20px
	}
	#italian {
		font-weight:normal! important; font-size:1.45rem;
	}
	#general-img{
		max-width:350px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}

	#general-img-type02{
		 margin-left:10px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:75vw
	}
	#general-img-type02 img{ 
		min-width:300px; max-width:320px; margin-left:5px!important; margin-right:5px!important; padding: 5px; border: 7px ridge #848383; border-radius:5px
	}
	#about-img {
		max-width:350px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:80px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#img-caption{
		font-size:1.35rem; 
	}
	
	.back-forward-button{
		font-size:1.40rem; margin-top:35px
	}
	
	/* Biography Section */
	.lead {
		font-size:1.6rem; line-height:1.5; margin-left:10px
	}
	.potraits {
		margin-top:50px! important; margin-bottom:10px! important
	}
	#biography-img{
		max-width:420px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	
	/* Business Section Start */
	#business01_left {
		min-width:25%; max-width:25%
	}
	#business01_right {
		min-width:75%; max-width:75%
	}
	#business01_left_sub {
		min-width:5%; max-width:5%;
	}
	#business01_right_sub {
		min-width:95%; max-width:95%;
	}
	#business01_left_sub_sub {
		min-width:10%; max-width:10%;
	}
	#business01_right_sub_sub {
		min-width:90%; max-width:90%;
	}
	#business_two_row{
		margin-bottom:30px
	}
	#business h3{
		font-size:1.8rem; line-height:1.5; 
	}
	#business h1{
		font-size:2.6rem; line-height:1.5; 
	}
	#business h4 {
		font-size:1.7rem; padding:10px; margin-top:15px! important;
	}
	#business p{
		font-size:1.60rem; line-height: 2.0;
	}
	
	/*BLOG SECTION START*/
	#blog_post_class_1 {
	margin-top:10px; margin-bottom:0px; min-height:200px;
	}
	#blog_post_img {
	margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; max-height:200px; 
	}
	#blog_post span{
		font-size: 1.4rem; line-height:1.8;
	}
	
	/*GALLERY SECTION START*/
	.photos{
		 margin:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	}
	#photo_gallery h4{
		font-size: 1.90rem;
	}
	.img-frame-cap {
		width:24%; margin-left:.50%; margin-right:.50%; padding: 18px 18px 2px 18px; min-height:55vh;
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:160px; margin:auto; 
	}
	.album-caption {
		font-size: 2.0rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:5px;
	}
	#mostleft{
		margin-left:12%!important;
	}
	.item img{
		border-style:solid; border-width:1px; border-color:silver; margin-bottom:15px; width:100%;
	}
	
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:100px;  padding-right:100px;
	}
	
	/* Chronicles Page Section */
	.section-main{
		padding-left:160px; padding-right:160px; margin-top:60px;
	}
	.box-section {
		min-height:90vh; padding: 25px;
	}
	
	/* BOOKS PAGE */
	#books_img{
		max-height:64vh;
	}

}

/*media screen max 1181-1300px */
@media only screen and (min-width:1181px) and (max-width: 1320px) {
	/*----------------------------------------------------
					NAVBAR CSSS
	------------------------------------------------------*/
	.menu {
		height:30px; width:30px; ; font-size:13pt
	}
	.short h2{
		font-size:3.0rem; 
	}
	
	/*-------------------------------------------------------
					Leftnav Bar 
	---------------------------------------------------------*/
	.sidebar {
		width: 345px; left: -285px;
	}
	.sidebar_change {
		width: 285px; left: -285px;
	}
	#sidebar ul li a {
		padding: 10px; font-size: 1.1em;
	}
	.sideheading { 
		margin-left:285px; min-width:60px; max-width:60px;
	}
	.sideheading b{
		font-size:2.50rem;
	}
	#change_color{
		width:40px; height:40px; margin-right:5px;
	}
	
	/*--------------------------------------------------------
					Home Main CSS
	----------------------------------------------------------*/
	#main {
		padding-left:100px; padding-right:100px;
	}
	
	/* Home Leftbar CSS */
	#leftside {
		min-height: 90vh; margin-top:10vh; 
	}
	#indexbox h1 {
		font-size: 5.00rem;
	}
	#p1 {
		font-size: 1.35rem; 
	}
	#p2 {
		font-size: 1.70rem;
	}
	#p3 {
		font-size: 1.75rem; 
	}
	#p3  small {
		font-size: 1.25rem; 
	}
	#p4 {
		font-size: 1.75rem; font-weight:400
	}
	#comp_div{
		width:auto; margin-left:15px
	}
	#comp_div a {
		font-size: 1.25rem;
	}
	
	/* Home Rightbar CSS */
	#rightside {
		min-height: 90vh; margin-top:10vh; background:none;
	}
	#downarrow{
		min-height:45px;
	}
	#downarrow img {
		max-height:50px;
	}
	#button {
		max-height:45px
	}
		
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:100px; padding-right:100px; margin-top:60px;
	}
	.box-section2 {
	min-height:22.5vh; padding: 25px;
	}
	#menu_b {
		font-size:3.2rem;
	}
	
		
	/*--------------------------------------------------------
			GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
	----------------------------------------------------------*/
	#general_main {
		padding-left:100px; padding-right:100px;
	}
	#generalbox {
		margin-top:75px !important; top:0; width:100%; min-height:88vh;
	}
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.5rem
	}
	.general-text h4 {
		font-size:2.0rem
	}
	.general-text p{
		font-size:1.50rem; font-weight:100; letter-spacing: 1px; line-height:1.6; padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;
	}
	.general-text li{
		font-size:1.50rem; font-weight:100; letter-spacing: 1px; line-height:1.6; margin-top:20px
	}
	#italian {
		font-weight:normal! important; font-size:1.45rem;
	}
	#general-img{
		max-width:350px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#general-img-type02{
		 margin-left:10px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:75vw
	}
	#general-img-type02 img{ 
		min-width:260px; max-width:280px; margin-left:5px!important; margin-right:5px!important; padding: 5px; border: 7px ridge #848383; border-radius:5px
	}
	#about-img {
		max-width:350px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:80px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#img-caption{
		font-size:1.30rem; 
	}
	
	.back-forward-button{
		font-size:1.30rem; margin-top:20px
	}
	
	/* Biography Section */
	.lead {
		font-size:1.6rem; line-height:1.6; margin-left:10px;
	}
	.potraits {
		margin-top:50px! important; margin-bottom:10px! important
	}
	#biography-img{
		max-width:420px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	
	/* Business Section Start */
	#business01_left {
		min-width:25%; max-width:25%
	}
	#business01_right {
		min-width:75%; max-width:75%
	}
	#business01_left_sub {
		min-width:5%; max-width:5%;
	}
	#business01_right_sub {
		min-width:95%; max-width:95%;
	}
	#business01_left_sub_sub {
		min-width:10%; max-width:10%;
	}
	#business01_right_sub_sub {
		min-width:90%; max-width:90%;
	}
	#business_two_row{
		margin-bottom:30px
	}
	#business h3{
		font-size:1.8rem; line-height:1.5; 
	}
	#business h1{
		font-size:2.5rem; line-height:1.5; 
	}
	#business h4 {
		font-size:1.5rem; padding:10px; margin-top:15px! important;
	}
	#business p{
		font-size:1.60rem; line-height: 1.6;
	}	
		
	/*BLOG SECTION START*/
	#blog_post_class_1 {
		margin-top: 10px; margin-bottom:0px; min-height:220px;
	}
	#blog_post_img {
		margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; max-height:220px;
	}
	#blog_post span{
		font-size: 1.3rem; line-height:1.6;
	}
	
	/*GALLERY SECTION START*/
	.photos{
		 margin:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	}
	#photo_gallery h4{
		font-size: 1.90rem;
	}
	.img-frame-cap {
		width:24%; margin-left:.50%; margin-right:.50%; padding: 18px 18px 2px 18px; min-height:55vh;
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:150px; margin:auto; 
	}
	.album-caption {
		font-size: 2.0rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:5px;
	}
	#mostleft{
		margin-left:12%!important;
	}
	.item img{
		border-style:solid; border-width:1px; border-color:silver; margin-bottom:15px; width:100%;
	}
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:100px;  padding-right:100px;
	}	
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:100px;  padding-right:100px;
	}
		
	/* Chronicles Page Section */
	.section-main{
		padding-left:120px; padding-right:120px; margin-top:90px;
	}
	.box-section {
		min-height:85vh; padding: 25px;
	}
	
	/* BOOKS PAGE */
	#books_img{
		max-height:64vh;
	}
	
	
}

/*media screen max 992px-1180px */
@media only screen and (min-width:992px) and (max-width: 1180px) {
	
	/*----------------------------------------------------
					NAVBAR CSSS
	------------------------------------------------------*/
	.menu {
		height:35px; width:35px; font-size:14pt
	}
	.short h2{
		font-size:3.0rem; 
	}
	
	/*-------------------------------------------------------
					Leftnav Bar 
	---------------------------------------------------------*/
	.sidebar {
		width: 345px; left: -285px;
	}
	.sidebar_change {
		width: 285px; left: -285px;
	}	
	#sidebar ul li a {
		padding: 10px; font-size: 1.1em;
	}
	.sideheading { 
		margin-left:285px; min-width:60px; max-width:60px;
	}
	.sideheading b{
		font-size:2.3rem; 
	}
	#change_color{
		width:45px; height:45px; margin-right:5px;
	}
	
	/*-------------------------------------------------------
					Home Menu CSS 
	---------------------------------------------------------*/
	#main {
		padding-left:100px; padding-right:100px;
	}
	
	/* Home Leftbar CSS */
	#leftside {
		min-height: 88vh; margin-top:12vh; 
	}
	#indexbox h1 {
		font-size: 4.005rem;
	}
	#p1 {
		font-size: 1.35rem; 
	}
	#p2 {
		font-size: 1.60rem;
	}
	#p3 {
		font-size: 1.65rem; 
	}	
	#p3 small {
		font-size: 1.20rem; 
	}
	#p4 {
		font-size: 1.65rem; font-weight:400
	}	
	#comp_div{
		width:100%; min-height:35px;
	}	
	#comp_div a {
		font-size: 1.30rem; min-width: 190px; display:inline-block
	}	
	/* Home Rightbar CSS */
	#rightside {
		min-height: 88vh; margin-top:12vh; background:none;
	}		
	#downarrow{
		min-height:40px;
	}
	#downarrow img {
		max-height:50px;
	}
	#button {
		max-height:40px
	}	
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:100px; padding-right:100px; margin-top:60px;
	}	
	.box-section2 {
		min-height:22.5vh; padding: 25px;
	}	
	#menu_b {
		font-size:2.6rem; 
	}
			
		
	/*--------------------------------------------------------
				GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
	----------------------------------------------------------*/
	#general_main {
		padding-left:100px; padding-right:100px;
	}	
	#generalbox {
		margin-top:75px !important; top:0; width:100%; min-height:88vh;
	}	
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.5rem
	}
	.general-text h4 {
		font-size:2.0rem
	}
	.general-text p{
		font-size:1.50rem; font-weight:100; letter-spacing: 1px; line-height:1.6; /*position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%, -50%);*/ padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;
	}	
	.general-text li{
		font-size:1.50rem; font-weight:100; letter-spacing: 1px; line-height:1.6; margin-top:20px
	}	
	#italian {
		font-weight:normal! important; font-size:1.45rem;
	}	
	#general-img{
		max-width:320px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#general-img-type02{
		 margin-left:10px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:75vw
	}
	#general-img-type02 img{ 
		min-width:260px; max-width:280px; margin-left:5px!important; margin-right:5px!important; padding: 5px; border: 7px ridge #848383; border-radius:5px
	}	
	#about-img {
		max-width:320px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:80px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	#img-caption{
		font-size:1.15rem; 
	}
	
	.back-forward-button{
		font-size:1.25rem; margin-top:20px
	}
	
	/* Biography Section */
	.lead {
		font-size:1.5rem; line-height:1.8; margin-left:10px
	}	
	.potraits {
		margin-top:60px! important; margin-bottom:10px! important
	}	
	#biography-img{
		max-width:360px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	
	/* Business Section Start */
	#business01_left {
		min-width:30%; max-width:30%
	}	
	#business01_right {
		min-width:70%; max-width:70%
	}	
	#business01_left_sub {
		min-width:6%; max-width:6%;
	}	
	#business01_right_sub {
		min-width:94%; max-width:94%;
	}	
	#business01_left_sub_sub {
		min-width:10%; max-width:10%;
	}	
	#business01_right_sub_sub {
		min-width:90%; max-width:90%;
	}	
	#business_two_row{
		margin-bottom:30px
	}		
	#business h3{
		font-size:1.4rem; line-height:1.5; 
	}
	#business h1{
		font-size:1.8rem; line-height:1.5; 
	}	
	#business h4 {
		font-size:1.4rem; padding:8px; margin-top:15px! important;
	}
	#business p{
		font-size:1.60rem; line-height: 1.6;
	}
	
	/*BLOG SECTION START*/
	#blog_post_class_1 {
		margin-top:10px;  margin-bottom:0px; min-height:180px;
	}	
	#blog_post_img {
		margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; max-height:180px;
	}	
	#blog_post span{
		font-size: 1.3rem; line-height:1.6;
	}	
	
	
	/*GALLERY SECTION START*/
	.photos{
		 margin:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	}	
	#photo_gallery h4{
		font-size: 1.90rem;
	}	
	.img-frame-cap {
		width:24%; margin-left:.50%; margin-right:.50%; padding: 18px 18px 2px 18px; min-height:50vh;
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:150px; margin:auto; 
	}	  
	.album-caption {
	 font-size: 1.75rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:5px;
	}	
	#mostleft{
		margin-left:12%!important;
	}	
	.item img{
		border-style:solid; border-width:1px; border-color:silver; margin-bottom:15px; width:100%;
	}
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:100px;  padding-right:100px;
	}
	
	/* Chronicles Page Section */
	.section-main{
		padding-left:80px; padding-right:80px; margin-top:100px;
	}
	.box-section {
		min-height:76vh; padding: 25px;
	}
	
	/* BOOKS PAGE */
	#books_img{
		max-height:65vh;
	}
	
}

/*media screen max 992px */
@media only screen and (min-width: 991px) {	
			
	#handholdview {
		display:none
	}
	
	#handholdview_one{
		display:none
	}
	
	.left-side {
		width:67%;
	}
	
	.right-side {
		width:32%; margin-left:5px
	}
	
	#general_main { 
		width: 100%; min-height: 100vh;  height:auto; position: absolute; top: 0; right: 0; left:0; bottom:0; margin:0px;
	}
	
	#contactform input{
		width:50%
	}

	#contactform textarea{
		width:100%
	}
		
}

/*media screen max 768px-991px */
@media only screen and (min-width:769px) and (max-width: 991px) {
	#desktopview {
		display:none;
	}
	#handholdview {
		display:block; min-height:100vh;
	}		
	#downarrow{
		display:none
	}

	/*----------------------------------------------------
					NAVBAR CSSS
	------------------------------------------------------*/
	.menu {
		font-size:14pt;  padding:4px 10px;
	}
	.short h2{
		font-size:3.0rem; 
	}
	
	
	/*-------------------------------------------------------
				Leftnav Bar 
	---------------------------------------------------------*/
	.sidebar {
		width: 355px; left: -295px;
	}	
	.sidebar_change {
		width: 295px; left: -295px;
	}		
	#sidebar ul li a {
		padding: 10px; font-size: 1.1em;
	}	
	.sideheading{ 
		margin-left:295px; min-width:60px; max-width:60px;
	}
	.sideheading b{
		font-size:2.5rem; 
	}	
	#change_color{
		width:50px; height:50px; margin-right:5px;
	}
	
	
	/*-------------------------------------------------------
				Home Menu (MOBILE OR TAB) CSS 
	---------------------------------------------------------*/
	#main {
		padding-left:50px; padding-right:50px; background:none;
	}	
	#handhold_indexbox {
		position:absolute; padding-left:20px; padding-right:20px; width:auto; bottom: 5.0%; left: 5%; letter-spacing:1px; margin-bottom:10px; border-radius:5px; color:#000; opacity:.8; animation: 3s ease-out 0s 1 slideInFromLeft;
	}	
	#handhold_indexbox h1{
		font-size:3.2rem; line-height:.5; text-transform: uppercase;
	}	
	#p1 {
		font-size:1.2rem
	}	
	#p2 {
		font-size:1.7rem; line-height:1
	}	
	#p3 {
		font-size:1.5rem; line-height:1
	}		
	#p4 {
		font-size:1.5rem; line-height:1; font-weight:400
	}	
	#handhold_indexbox small {
		font-size:1.2rem; margin-bottom:10px; display:inline-block
	}	
	#comp_div_mob {
		text-align:center; padding:0; margin-bottom:10px;
	}
	#comp_div_mob a {
		border-style:solid;	Border-width:1px; padding-left:5px;	padding-right:5px; padding-top:1px;	padding-bottom:1px;	border-radius:10px;	background:none; opacity:.7; min-width:200px; display:inline-block;
	}
	#comp_div_mob a:hover {
		opacity:.9
	} 
		
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:60px; padding-right:60px;	margin-top:65px;
	}	
	.box-section2 {
	min-height:22vh; padding: 0px;	margin-top:0px
	}	
	#menu_b {
		font-size:2.5rem; 
	}
		
		
	/*--------------------------------------------------------
				GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
	----------------------------------------------------------*/
	#general_main {
		padding-left:90px; padding-right:0px;
	}
	#generalbox {
		margin-top:60px !important; top:0; width:100%; min-height:88vh;
	}	
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.5rem
	}
	.general-text h4 {
		font-size:2.0rem
	}
	.general-text p{
		font-size:1.60rem; font-weight:100; letter-spacing: 1px; line-height:1.6; padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;
	}	
	.general-text li{
		font-size:1.60rem; font-weight:100; letter-spacing: 1px; line-height:1.60; margin-top:20px
	}	
	#italian {
		font-weight:normal! important; font-size:1.65rem;
	}	
	#general-img{
		max-width:300px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#general-img-type02{
		margin-left:0px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:75vw
	}
	#general-img-type02 img{ 
		min-width:360px; max-width:380px; margin-top:5px!important; margin-bottom:5px!important; padding: 5px; border: 7px ridge #848383; border-radius:5px
	}
	#about-img {
		max-width:300px; display:inline-block; float:right; margin-left:10px; margin-right:25px; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	#img-caption{
		font-size:1.35rem; 
	}
	
	.back-forward-button{
		font-size:1.35rem; margin-top:20px
	}
	
	/* Biography Section */
	.lead {
		font-size:1.6rem; line-height:1.8; margin-left:10px;
	}	
	.potraits {
		margin-top:60px! important; margin-bottom:10px! important; 
	}	
	#biography-img{
		max-width:460px; margin:auto; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	
	/* Business Section Start */
	#business01_left {
		min-width:230px; max-width:230px; float:left;
	}	
	#business01_right {
		margin-left:230px
	}	
	#business01_left_sub {
		min-width:30px; max-width:30px; float:left;
	}	
	#business01_right_sub {
		margin-left:30px
	}	
	#business01_left_sub_sub {
		min-width:30px; max-width:30px; float:left
	}	
	#business01_right_sub_sub {
		margin-left:30px
	}	
	#business_two_row{
		margin-bottom:30px
	}	
	#indent {
		margin-left:-50px! important
	}	
	#business h3{
		font-size:1.5rem; line-height:1.5; 
	}
	#business h1{
		font-size:2.3rem; line-height:1.5; 
	}
	#business h4 {
		font-size:1.2rem; padding:5px; margin-top:15px! important
	}
	#business p{
		font-size:1.60rem; line-height: 2.0;
	}
	
	/*BLOG SECTION START*/
	#blog_post{
		margin-bottom:15px; padding-left:100px;  padding-right:100px;
	}	
	#blog_post_class_1 {
		margin-top:10px; margin-bottom:5px; min-height:250px;
	}	
	#blog_post_img {
		margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; max-height:250px;
	}	
	#blog_post span{
		font-size: 1.6rem; line-height:1.6;
	}	
		
	/*GALLERY SECTION START*/
	.photos{
	}	
	#photo_gallery h4{
		font-size: 1.75rem;
	}	
	.img-frame-cap {
		width:46%; margin-left:2.0%;  margin-right:2.0%; padding: 18px 18px 2px 18px; min-height:50vh; display:inline-block; float:left; margin-bottom:15px
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:165px; margin:auto; 
	}	  
	.album-caption {
		font-size: 1.75rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:5px;
	}	
	#mostleft{
		
	}	
	.item{
		width:49%; float:left; margin-left:.5%; margin-right:.5%; display:inline-block
	}	
	.item img{
		border-style:solid; border-width:1px; border-color:silver; margin-bottom:15px; width:100%; 
	}	
	
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:50px;  padding-right:50px;
	}	
	#contactform input{
		width:100%
	}
	#contactform textarea{
		width:100%
	}	
	
	/* Chronicles Page Section */
	.section-main{
		padding-left:80px; padding-right:0px; margin-top:100px;
	}
	.box-section {
		min-height:58vh; padding: 25px;
	}
	
	
	/* BOOKS PAGE */
	#books_img{
		min-height:60vh; max-height:65vh;
	}
	
}

/*media screen max 1px-767px */
@media only screen and (min-width:1px) and (max-width: 768px) {
	#desktopview {
		display:none;
	}
	#handholdview {
		display:block; min-height:100vh; 
		
	}	
	#downarrow{
		display:none
	}

	/*----------------------------------------------------
				NAVBAR CSSS
	------------------------------------------------------*/
	.menu {
		font-size:15pt; padding:3px 10px;
	}
	.short h2{
		font-size:3.0rem; 
	}
	
	
	/*-------------------------------------------------------
				Leftnav Bar 
	---------------------------------------------------------*/
	.sidebar {
		width: 355px; left: -295px;
	}	
	.sidebar_change {
		width: 295px; left: -295px;
	}		
	#sidebar ul li a {
		padding: 10px; font-size: 1.1em;
	}	
	.sideheading{ 
		margin-left:295px; min-width:60px; max-width:60px;
	}
	.sideheading b{
		font-size:2.5rem; 
	}	
	#change_color{
		width:55px;  height:55px; margin-right:5px;
	}
	
	
	/*-------------------------------------------------------
				Home Menu CSS 
	---------------------------------------------------------*/
	#main {
		padding-left:15px; padding-right:15px;  background:none;
	}	
	#handhold_indexbox {
		position:absolute;	padding-left:20px; padding-right:20px; width:auto; bottom: 8.0%; left: 5%; letter-spacing:1px; 	border-radius:5px; color:#000; opacity:.9; animation: 3s ease-out 0s 1 slideInFromLeft;
	}	
	#handhold_indexbox h1{
		font-size:2.55rem; line-height:.5; text-transform: uppercase;
	}	
	#p1 {
		font-size:1.2rem
	}	
	#p2 {
		font-size:1.55rem; line-height:1
	}	
	#p3 { 
		font-size:1.25rem; line-height:1
	}	
	#p4 { 
		font-size:1.25rem; line-height:1; font-weight:normal
	}	
	#handhold_indexbox small {
		font-size:1.2rem; margin-bottom:8px; display:inline-block
	}	
	#comp_div_mob {
		text-align:center; padding:0; margin-bottom:10px;
	}
	#comp_div_mob a {
		border-style:solid; Border-width:1px; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; border-radius:10px; background:none; opacity:.7; min-width:200px; display:inline-block;
	}
	#comp_div_mob a:hover {
		opacity:.9
	} 		
		
	/* Home Page Bottom */
	.section2-main{
		padding-left:20px; padding-right:20px; margin-top:65px;
	}	
	.box-section2 {
		min-height:22vh; padding: 0px; margin-top:0px
	}	
	#menu_b {
		font-size:1.80rem; 
		
	}
		
		
/*--------------------------------------------------------
			GENERAL PAGE CSS (EXCEPT INDEX & ABOUT)
----------------------------------------------------------*/
	#general_body{
	}
	#general_main {
		padding-left:85px; padding-right:0px;
	}	
	#generalbox {
		margin-top:60px !important; top:0; width:100%; min-height:88vh;
	}	
	.general-text{
		min-height:83vh;
	}
	.general-text h2 {
		font-size:2.5rem
	}
	.general-text h4 {
		font-size:2.0rem; margin-left:-5px! important 
	}
	.general-text p{
		font-size:1.45rem; font-weight:normal; letter-spacing: 1px; line-height:1.6; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;
	}	
	.general-text li{
		font-size:1.45rem; font-weight:normal; letter-spacing: 1px; line-height:1.6; margin-top:20px; padding-left:0px; padding-right:0px; margin-left:-15px! important 
	}	
	#italian {
		font-weight:normal! important; font-size:1.35rem;
	}	
	#general-img{
		max-width:300px; margin:auto; margin-top:10px; margin-bottom:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	#general-img-type02{
		margin-left:0px; margin-right:20px; margin-top:10px;  margin-bottom: 20px; min-width:60vw
	}
	#general-img-type02 img{ 
		min-width:260px; max-width:270px; margin-top:5px!important; margin-bottom:10px!important; padding: 5px; border: 7px ridge #848383; border-radius:5px
	}	
	#about-img {
		max-width:300px; margin:auto; margin-top:10px; margin-bottom:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}	
	#img-caption{
		font-size:1.35rem; 
	}
	
	.back-forward-button{
		font-size:1.35rem; margin-top:20px
	}
	
	/* Biography Section */
	.lead {
		font-size:1.45rem; line-height:1.8; margin-left:0px;
	}	
	.potraits {
		margin-top:60px! important; margin-bottom:10px! important; 
	}
	#biography-img{
		max-width:420px; margin:auto; margin-top:10px;  background-color: rgba(255, 255, 255, 0.20); text-align:center;
	}
	
	
	/* Business Section Start */
	#business01_left {
		
	}	
	#business01_right {
		 
	}	
	#business01_left_sub {
		min-width:20px; max-width:20px; float:left;
	}	
	#business01_right_sub {
		margin-left:20px
	}	
	#business01_left_sub_sub {
		min-width:20px; max-width:20px; float:left
	}	
	#business01_right_sub_sub {
		margin-left:20px
	}	
	#business_two_row{
		margin-bottom:30px
	}	
	#indent {
		margin-left:-50px! important
	}	
	#business h3{
		font-size:1.5rem; line-height:1.5; 
	}
	#business h1{
		font-size:1.8rem; line-height:1.5; 
	}	
	#business h4 {
		font-size:1.0rem; padding:5px; margin-top:15px! important
	}
	#business p{
		font-size:1.50rem; line-height: 2.0;
	}
	
	/*BLOG SECTION START*/
	#blog_post{
		margin-bottom:15px; padding-left:20px;  padding-right:20px;
	}	
	#blog_post_class_1 {
		margin-top:10px; margin-bottom:5px; min-height:230px;
	}	
	#blog_post_img {
		margin:auto;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:15px; max-height:230px;
	}	
	#blog_post span{
		font-size: 1.40rem; line-height:1.6;
	}	
	
	
	/*GALLERY SECTION START*/
	.photos{
	}	
	#photo_gallery h4{
		font-size: 1.40rem;
	}	
	.img-frame-cap {
		width:46%; margin-left:2.0%;  margin-right:2.0%; padding: 18px 18px 2px 18px; min-height:50vh; display:inline-block; float:left; margin-bottom:15px
	}
	.img-frame-cap img{
		border-radius: 0px 0px 0px 200px; max-height:165px; margin:auto; 
	}	  
	.album-caption {
		font-size: 1.40rem; text-shadow:none; text-align: center; position:absolute; left:0; right:0; bottom:0; margin-bottom:5px;
	}	
	#mostleft{
		
	}	
	.item{
		width:99%; margin-left:.5%; margin-right:.5%
	}	
	.item img{
		border-style:solid; border-width:1px; border-color:silver; margin-bottom:15px; width:100%; 
	}	
	
	/*CONTACT SECTION START */
	#contactform {
		padding-left:0px;  padding-right:0px;
	}	
	#contactform input{
		width:100%
	}
	#contactform textarea{
		width:100%
	}	
	
	/* Chronicles Page Section */
	.section-main{
		padding-left:70px; padding-right:0px; margin-top:80px;
	}
	.box-section {
		min-height:34vh; padding: 25px;
	}
	
	/* BOOKS PAGE */
	#books_img{
		min-height:40vh; max-height:65vh;
	}
	
}


/*================================ All Media Query Ends Here ========================================*/
/*===================================================================================================*/



/*======================================================================================================
------------------------------------------NAVIGATION STYLE----------------------------------------------
========================================================================================================*/

.navbar {
    padding: 10px 0px; border: none; border-radius: 0; margin-bottom: 0px; min-height:50px; position: fixed; top: 0;left:0; right:0; width: 100%;  
}
.navbar-btn {
    box-shadow: none; outline: none !important; border: none;
}
.line {
    width: 100%; height: 1px; margin: 40px 0;
}
.navigation_color {
	border-style:none; z-index:1000;
}
.navigation_color_change { 
	border-style:none; opacity:0.95; border-style: none; border-top:none; border-bottom:none; z-index:1000;
}




/*===================================================================================================== 
--------------------------------------------SIDEBAR STYLE----------------------------------------------
=======================================================================================================*/
.sidebar {
    position: fixed; top: 0; height: 100vh; transition: all 0.3s; letter-spacing: 1.5px; opacity:1;z-index: 999; /*overflow-y: scroll;*/ 
}
.sidebar.active {
    left: 0; z-index: 9999;
}
.sidebar_change {
    position: fixed; top: 0; height: 100vh;	transition: all 0.3s; letter-spacing: 1.5px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); opacity:1; z-index: 999; /*overflow-y: scroll;*/ 
}
.sidebar_change.active {
    left: 0; z-index: 9999;
}
.sideheading {
	min-height:100vh; height:100vh; padding-left:10px; padding-right:10px; /*z-index:-1;*/ position:fixed; top:0;  
}
.sideheading b{
	position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%, -50%); text-align:center; padding-top:5px; padding-bottom:5px;
}
#dismiss {
    width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:none; z-index:1
}
.overlay {
    display: none; position: fixed; min-width: 100%; height: 100vh; z-index: 1; opacity: 0; transition: all 0.5s ease-in-out;top:0; left:0
}
.overlay.active {
    display: block; opacity: 1; z-index: 1001;
}
#sidebar .sidebar-header {
    padding: 15px;
}
#sidebar ul.components {
    padding: 20px 0; 
}
#sidebar ul p {
    padding: 10px;
}
#sidebar ul li a {
    padding: 10px; display: block;
}
#sidebar ul li.active>a,
	a[aria-expanded="true"] {
    background:none;
}
a[data-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle::after {
    display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);
}
ul ul a {
    font-size: 1.1em !important; padding-left: 30px !important;
}
ul.CTAs {
    padding: 10px;
}
ul.CTAs a {
    text-align: center; font-size: 0.9em !important; display: block; border-radius: 5px; margin-bottom: 0px;
}
#change_color{
	 position: relative; /*border-radius: 50%;*/ text-decoration:none; box-shadow: 8px 8px 12px rgba(0,0,0,0.3); border-style:solid; border-width:5px; border-top:#a6a6a6; border-left:#a6a6a6; border-right:#a6a6a6; border-color:#a6a6a6; cursor:pointer; color:#fff; text-align:center; border-radius:15px ;
}
#change_color:hover{
	border-style:solid; border-width:5px; border-top:#a6a6a6; border-left:#a6a6a6; border-right:#a6a6a6; border-color:#008000
}


/*======================================================================================================
---------------------------------------------INDEX STYLE------------------------------------------------
========================================================================================================*/
#content {
    padding: 0px; min-height: 100vh; transition: all 0.3s; position: absolute; top: 0; right: 0; left:0; bottom:0;
}
#main {  
    width: 100%; min-height: 100vh; height:100vh; position: absolute; top: 0; right: 0; left:0; bottom:0; margin:0px;
}	
#leftside {
	position:relative; animation: 1.5s ease-out 0s 1 slideInFromLeft;
}	
#indexbox {
	position: absolute; top: 50%; left: 0%; width:100%; transform: translate(-0%, -50%); letter-spacing:.8px; -webkit-animation-delay:0.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s;
}
#indexbox h1 {
	text-transform: uppercase; margin-top:0px
}
#indexbox h2 {
	text-transform: uppercase; display:inline-block;
}
#p1 {
	
}
#p2 {
	letter-spacing:1px
}
#p3 {
	line-height:1.1;
}
#p4 {
	line-height:1.1;
}
#rightside {
    bottom:0;
}
#downarrow{
	position:absolute; bottom:0; width:100%; left:0; text-align:right; padding-right:20px; margin-bottom:15px;
}
#section2 { 
    width: 100%; margin-top:100vh; min-height: 100vh; position: absolute; top:0;
}	
.section2-main {
  display: none; right:0px; width: 100%; min-height:90vh; overflow-x: hidden
}


/*------------------------------------------------------------------------------------------------------
---------------------------------------------ABOUT STYLE------------------------------------------------
---------------------------------------------------------------------------------------------------------*/
.handhold_img{
	-webkit-box-shadow: -9px 9px 5px -1px rgba(26,26,26,1); -moz-box-shadow: -9px 9px 5px -1px rgba(26,26,26,1);box-shadow: -9px 9px 5px -1px rgba(26,26,26,1); margin:auto; max-height:400px
}	
.section2-about { 
	display: none; right:0px; width: 100%; background:none; overflow-x: hidden
}
.about-text h4 {
	padding:10px; display:inline-block; border-radius:20px;
}

/*------------------------------------------------------------------------------------------------------
---------------------------------ALL PAGE STYLE (EXCEPT INDEX & ABOUT)----------------------------------
---------------------------------------------------------------------------------------------------------*/
#always-top{
	margin-bottom:20px
}
#general-img-type02{
	text-align:center; display: inline-block; 
}
#general-img-type02 img{ 
   display: inline-flex; margin:auto;
}

.general-text h4 {
	padding:10px; display:inline-block; border-radius:10px;
}	
#business01_left img{
	margin:auto
}
#business h3{
	margin:0 auto; letter-spacing: 1px; margin-top:10px
}
#business h1{
	margin:0 auto;  letter-spacing: 1px;
}
#business p{
	margin:0 auto;  letter-spacing: 1px; padding-left:0; padding-right:0;
}
#business h4 {
	display:inline-block;
}
.lead {
	margin-top:10px; letter-spacing: 1px; font-weight:normal
}


/* ALBUM CSS START */
.img-album {
	position: relative;
}
.overhover {
	position: absolute; bottom: 0; left: 0; right: 0; height: 35%; width: 100%; opacity: .0; transition: .5s ease; background-color: #080838;
}
.img-album:hover .overhover {
	opacity: .8;
}
.texthover{
	font-size: 1.7rem; width:100%; color: white; text-shadow:none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;
}
#contactform {
	margin-top:20px; opacity:.9
}
#contactform input{
	border-radius:0px
}
#contactform textarea{
	border-radius:0px
}
#address{
	margin-top:-10px! important; margin-left:-10px
}

/* CHRONICLES PAGE */
#section { 
    width: 100%; min-height: 100vh; position: absolute; top:0;
}
.section-main {
  right:0px; width: 100%; min-height:90vh; overflow-x: hidden
}

/*  BOOKS PAGE */
#go-back{
	background:none; border-radius:50%; padding:0px
}
#books_img{
	margin:auto;  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

/*------------------------------------------------------------------------------------------------------
--------------------------------------ANIMATION TRASITION EFFECTS---------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------HOME DESIGNING--------------------------------------------------*/
#imgToHide {
	display:none
}
.box {
    background:none; margin: 0; margin-top:60px; 
}
.box a {
	font-weight:normal; letter-spacing:1px; 
} 
.animate {
	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
} 
.one {
	-webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s;
}
#comp_div {
	text-align:left; padding:0; display:inline-block; opacity:.6
}

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


/*---------------------------------------SECTION 2 DESIGNING--------------------------------------------------*/
.box-section {
	min-width:32%; max-width:33%; display:inline-block; text-align: center; border-style:solid; border-width:1px; opacity:.75
}
.box-section:hover {
	opacity:.9
}
.box-section2 {
	min-width:49%; max-width:50%; display:inline-block; text-align: center; border-style:solid; border-width:1px; opacity:.75
}
.box-section2:hover {
	opacity:.9
}
.animate-section2 {
	-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
.aboutbox-section2 {
	 
}
.aboutbox-section2 img{
	 
}
.three-section2 {
	-webkit-animation-delay:0.30s; -moz-animation-delay: 0.30s; animation-delay: 0.30s;
}
.four-section2 {
	-webkit-animation-delay: 0.60s; -moz-animation-delay: 0.60s; animation-delay: 0.60s;
}
.five-section2 {
	-webkit-animation-delay: 0.90s; -moz-animation-delay: 0.90s; animation-delay: 0.90s;
}
.six-section2 {
	-webkit-animation-delay: 1.20s; -moz-animation-delay: 1.20s; animation-delay: 1.20s;
}
.seven-section2 {
	-webkit-animation-delay: 1.50s; -moz-animation-delay: 1.50s; animation-delay: 1.50s;
}
.eight-section2 {
	-webkit-animation-delay: 1.80s; -moz-animation-delay: 1.80s; animation-delay: 1.80s;
}
.nine-section2 {
	-webkit-animation-delay: 2.10s; -moz-animation-delay: 2.10s; animation-delay: 2.10s;
}
.ten-section2 {
	-webkit-animation-delay: 2.40s; -moz-animation-delay: 2.40s; animation-delay: 2.40s;
}
#menu_b {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display:inline-block; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; min-width:95%
}
.box-about {
	margin-bottom:0px; opacity:1
}
.about-text{
	border-radius:0px
}
.animate-about {
	-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
.one-about {
	-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s;
}
.two-about {
	-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s;
}
.about-imgbox{
	border-radius:0px
}

/*============================================= TEST TRASITION EFFECTS ============================================*/
 		
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1; -webkit-transform: none; transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp; animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
  }

  to {
    
    -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInLeft {
  from {
   opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
  }

  to {
     
    -webkit-transform: none; transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
}



@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
  }

  to {
     
    -webkit-transform: none; transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
  }

  to {
     
    -webkit-transform: none; transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight; animation-name: fadeInRight;
}



/*=================================== Works on Chrome/Edge/Safari SCROLLBAR DESIGN ======================================*/
*::-webkit-scrollbar {
  width: 8px;
}
*::-webkit-scrollbar-track {
  background: Silver; border-radius: 20px;
}
*::-webkit-scrollbar-thumb {
  background-color: Silver; border-radius: 20px; border: 3px solid gray;
}

/*================================================================================================================*/
/*====================================== Tap to Top CSS Code Start Here ==========================================*/
#scroll {
    position:fixed; right:10px; bottom:15px; cursor:pointer; width:40px; height:40px; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index:1000;
}
#scroll span {
    position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#112751; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";
}
/*======================================== Tap to Top CSS Code Ends Here  ==========================================*/
/*==================================================================================================================*/ 

.back-forward-button button{
	text-transform: capitalize;
}

/* CSS */
.button-71 {
	background-color: #838383;
	border: 0;
	border-radius: 56px;
	color: #fff;
	cursor: pointer;
	outline: 0; 
	padding: 5px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	margin-bottom:20px; 
	
  }
  
  .button-71:before {
	background-color: initial;
	background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
	border-radius: 125px;
	content: "";
	height: 50%;
	left: 4%;
	opacity: .5;
	position: absolute;
	top: 0;
	transition: all .3s;
	width: 92%;
  }
  
  .button-71:hover {
	box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
	transform: scale(1.05);
  }


  /* CSS */
.button-72 {
	background-color: #838383; 
	border: 0;
	border-radius: 56px;
	color: #fff;
	cursor: pointer;
	outline: 0; 
	float:right;
	padding: 5px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	margin-bottom:20px; 
  }
  
  .button-72:before {
	background-color: initial;
	background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
	border-radius: 125px;
	content: "";
	height: 50%;
	left: 4%;
	opacity: .5;
	position: absolute;
	top: 0;
	transition: all .3s;
	width: 92%;
  }
  
  .button-72:hover {
	box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
	transform: scale(1.05);
  }
  
  @media (min-width: 768px) {
	.button-71 {
	  padding: 5px 20px;
	}

	.button-72 {
		padding: 5px 20px;
	  }
  }