/*CSS created by Ben Kung
Original design for navbar from FollowAndrew https://www.youtube.com/watch?v=7aGLkT4y4ls
*/

/*header*/
.toggle,
[id^=drop] {
  display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
  z-index: 3;
  -webkit-user-select: none; /* Safari */
  user-select: none; /* Standard syntax */
}

#logo {
  display: block;
  padding-left: 30px;
  padding-right:15px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}
.header-link{
	position: fixed !important;
	top:0px !important;
	left:0px !important;
	padding: 29px 20px;
	color: #000000;
	font-size: 20px;
	line-height: 60px;
	text-decoration: none;
	height:120px;
	opacity:0;
	width:150px;
}


#main-toggle {
  cursor: pointer;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}
.main-logo{
	height:110px;
	padding-top:7px;
	padding-left:18px;
	padding-right:10px;
}

.nav-icon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  width: 18px;
  transition: background .2s ease-out;
}

.nav-icon:before,
.nav-icon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  transition: all .2s ease-out;
}

.nav-icon:before {
  top: 5px;
}

.nav-icon:after {
  top: -5px;
}
.adaptive-navbar .drop:checked ~ .toggle .nav-icon{
  background: transparent;
}
.adaptive-navbar .drop:checked ~ .toggle .nav-icon:before{
  transform: rotate(-45deg);
  top:0;
}
.adaptive-navbar .drop:checked ~ .toggle .nav-icon:after{
  transform: rotate(45deg);
  top:0;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #FFF;
  height:120px;
  border-right: 1px solid #f4f4f4;
}

nav a {
  display: block;
  padding: 29px 20px;
  color: #000000;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
  height:120px;
}
nav li ul a{
	padding:0px 20px;
	height:50px;
	line-height:50px;
	display:none;
}

nav ul li ul li:hover {
  background: #f4f4f4;
}

nav a:hover {
  background-color: #FAFAFA;
  color:#E4B848;
}
nav ul ul {
  display: block;
  position: absolute;
  top: 120px;
  box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1);
}
nav ul li:hover>ul {
  display: inherit;
}

nav ul ul li {
  width:170px;
  float: none;
  display: list-item;
  position: relative;
  height:0px;
  opacity:0;
  transition:opacity 0.3s ease-out, height 0.1s ease-out;
}
nav ul li ul:hover li{
	height:50px;
	opacity:1;
}
nav ul li ul:hover li a{
	display:block;
}
nav ul li a:hover ~ ul li{
	opacity:1;
	height:50px;
	transition:opacity 0.3s ease-out, height 0.1s ease-out;
}
nav ul li a:hover ~ ul li a{
	display:block;
}
.estate-dropdown{
	width:350px;
}
.contact-dropdown{
	width:300px;
}
.accounting-dropdown{
	width:300px;
}
.notary-dropdown{
	width:300px;
}

nav ul ul ul li {
  position: relative;
  top: -120px;
  left: 170px;
}
.home-dropdown{
	display:none;
}
.phone-button{
	width:auto;
	height:40px;
	float:right;
	padding:0;
    text-align: center;
    border-radius: 10px;
    line-height: 30px;
	font-size:16px;
	margin-top:40px;
	margin-right:40px;
	font-weight: bold;
	transition: color 0.7s, background 0.7s, box-shadow 0.7s;
	background-color: rgba(228,185,72,1);
	color:black;
}
.phone-button:hover .phone-hover{
	opacity:1;
	transition: 0.3s;
}
.phone-normal{
	position:absolute;
	width:auto;
	height:40px;
	right:40px;
}
.phone-hover{
	position:absolute;
	width:auto;
	height:40px;
	right:40px;
	opacity:0;
	z-index:4;
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width:1500px), (hover:none) {
	nav a {
		padding: 29px 10px;
		font-size: 18px;
	}
}

@media all and (max-width:1300px), (hover: none) {
	/*done to remove effects from desktop version*/
	nav ul li ul:hover li{
		height:auto;
		opacity:1;
	}
	nav ul li a:hover{
		height:auto;
	}
	nav ul li a:hover ~ ul li{
		opacity:1;
		height:auto;
		transition:all 0.3s ease-out;
	}
  nav {
    margin: 0;
	height:120px;
  }
  nav a{
	  height:auto;
	  padding:0;
	  padding-left:30px;
	  display:none;
	  font-size: 20px;
  }
  nav ul{
    float:none;
  }
  nav li ul a{
	height:40px;
	line-height:40px;
	display:none;
  }
  .toggle+a,
  .menu {
    display: none;
  }
  .menu{
	display:block;
  }
  .toggle {
    display: block;
    background-color: #FFF;
    padding: 0 30px;
	margin:0;
    color: #000;
    font-size: 20px;
    line-height: 0px;
    text-decoration: none;
    border: none;
  }

  .toggle:hover {
    background-color: #fAfAfA;
	color:#E4B848;
  }

  [id^=drop]:checked~ul{
    display: block;
  }
  .adaptive-navbar .drop:checked~ul li{
    opacity:1;
	transition: opacity 0.3s ease-out;
	height:auto;
  }
  .adaptive-navbar .drop:checked~ul li a{
	  display:block;
  }
  .adaptive-navbar .drop:checked~ ul li label{
	  line-height:60px;
  }
  .no-show-mobile{
	  display:none !important;
  }
  nav ul li {
    display: block;
    width: 100%;
	height:0;
	opacity:0;
  }

  nav ul ul .toggle,
  nav ul ul a {
    padding: 0 60px;
  }

  nav ul ul ul a {
    padding: 0 80px;
  }

  nav ul ul ul a {
    background-color: #DDDDDD;
  }

  nav ul li ul li .toggle,
  nav ul ul a {
    background-color: #F0F0F0;
  }

  nav ul ul {
	display:none;
    float: none;
    position: static;
    color: #ffffff;
	box-shadow:none;
  }

  nav ul ul li:hover>ul,
  nav ul li:hover>ul {
    display: none;
  }

  nav ul ul li {
    display: block;
    width: 100% !important;
	height:auto;
	opacity:1;
  }

  nav ul ul ul li {
    position: static;
	height:auto;

  }
  .home-dropdown{
	  display:block;
  }
  .header-link{
	  display:block;
  }
  .bottom-link{
	  box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.3);
  }
  .phone-button{
	  position:absolute;
	  width:40px;
	  top:12px;
	  right:70px;
	  margin:0;
	  display:block;
  }
  .phone-normal{
	  position:absolute;
	  right:0px;
	  display:block;
  }
  .phone-hover{
	  right:0px;
	  display:block;
  }
}
/*Content*/

/*Template settings for each main block element*/
.box{
	display:inline-block;
	position:relative;
	padding:0;
	margin-top:-4px; /*done to avoid whitespace between boxes*/
	margin-bottom:-4px; /*done to avoid whitespace between boxes*/
	width:100%;
}
.main-content{
	position:relative;
	width:50%;
	left:25%;
	height:100%;
}
/*template for main titles*/
.main-title{
	text-align:left;
	width:100%;
	position:relative;
	font-weight:bold;
	font-size:38px;
	line-height:1em;
	color:black;
}
/*template for main text*/
.main-text{
	text-align:left;
	width:100%;
	position:relative;
	font-size:20px;
	line-height:28px;
	color:black;
}
/*template for section title*/
.section-title{
	text-align:left;
	width:100%;
	position:relative;
	font-weight:bold;
	font-size:35px;
	line-height:1.1em;
	color:black;
}
/*template for sub title*/
.sub-title{
	text-align:left;
	width:100%;
	position:relative;
	font-weight:700;
	font-size:28px;
	line-height:1.2em;
	color:black;
}
/*template for sub text*/
.sub-text{
	font-size:18px;
	font-weight:normal;
	position:relative;
	text-align:left;
	color:black;
	line-height:28px;
}

.content{
	padding-top:120px; /*done to avoid top fixed menu from covering content*/
	margin:0;
	padding-bottom:0px;
	display:block;
}
.row{
	margin-left:0 !important;
	margin-right:0 !important;
}
/*template for button links*/
.button-link{
	position: absolute;
	display:block;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    line-height: 25px;
	font-size:20px;
	margin-top:20px;
	font-weight: bold;
	transition: color 0.7s, background 0.7s;
	background-color: rgba(228,185,72,1);
	color:black;
	box-shadow:3px 3px 5px 0 rgba(0,0,0,0.2);
}
.button-link:hover{
	color:#E4B848;
	background:#000000;
}
/*color for general links*/
.link-color{
	color:#1b8bf7
}

/*templates for banner images*/
.banner{
	width:100%;
	display:block;
	position:relative;
	background-color:black;
	height:400px;
}
.main-banner{
	height:900px;
	position: absolute;
	height:900px;
	width:100%;
}
.banner-image-center{
	position:absolute;
	width:100%;
	height:400px;
	object-fit:cover;
	object-position: center center;
	opacity:1;
	-webkit-user-select: none; /* Safari */
	user-select: none; /* Standard syntax */
}
/*list box properties*/
.list-box-properties{
	position:absolute;
	width:40%;
	height:27.5%;
	background-color:white;
	border-radius:20px;
	box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.2);
	border: 5px solid rgba(228,185,74,1);
}
/*list-properties*/
.list-point{
	padding-top:15px;
	line-height:1.3em;
}
.ul-list{
	list-style-type: '';
	padding-left:0;
	margin-bottom:0;
}
/*flyout template code, all the importants are to over-ride parts of bootstrap dropdown*/
.btn-box{
	position:relative !important;
	display:block !important;
	padding-top:20px;
	padding-bottom:20px;
}
.list-item{
	font-size:1.1em !important;
	position:relative !important;
	display:block !important;
	line-height:2em !important;
	font-weight:bold;
	color:#000000 !important;
	background-color:#E4B848;		
	border:none !important;
	outline-style:none !important;
	text-align:left !important;
	width:100% !important;
	padding:20px !important;
	transition: 0.3s;
	box-shadow:0px 0px 8px 0 rgba(0,0,0,0.15);
}

.list-item:hover{
	color:#000000 !important;
	background-color:#EFD395;	
	cursor: pointer;
}
.flyout{
	background-color:white !important;
	padding-left:20px !important;
	padding-right:20px !important;
	font-size:1em !important;
	line-height:28px !important;
	font-weight:normal !important;
	color:black !important;
	outline-style:none !important;
	border:none !important;
	width:100% !important;
	position:relative !important;
    top: 0px;
    left: 0px;
    will-change: transform;
	z-index:1 !important;
	transform: translate3d(0px,-2px,0px) !important;
	margin-bottom:20px !important;
	border-radius:0 !important;
}
/*landing-box-1*/
.landing-box-1{
	background: rgba(0,0,0,1);
	display:block;
	padding:0px;
	height:100%;
}
.image-background-large{
	position:absolute;
	width:100%;
	height:300px;
	object-fit:cover;
	object-position: center center;
	opacity:1;
}
.main-image{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center 80%;
	z-index:0;
	top:0px;
	-webkit-user-select: none; /* Safari */
	user-select: none; /* Standard syntax */
}
.image-background-small{
	display:none;
}
.welcome-text{
	position: relative;
    z-index: 1;
    margin:auto;
    left: 0;
	right:0;
    text-align: center;
    color: #fff;
    width: auto; /* Set the width of the positioned div */
	font-size:2em;
	line-height:1.5em;
	height:100%;
	padding-bottom:165px;
}
.logo-notary{
	height:100%;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	display:block;
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.4);
	border-radius:20px;
	border:5px solid #E4B848;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.button-link-first-box-2{
	left:0;
	right:0;
	text-align:center;
    width: 180px;
    height:auto;
	min-width:140px;
	font-size:20px;
	position:relative;
}
.button-link-first-box{
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
    width: 20%;
	min-width:170px;
	max-width:250px;
    height: auto;
	font-size:20px;
	position:relative;
	top:30%;
	margin-top:50px;
}
#service-list{
	top:-120px;
	position:absolute;
}
#service-list2{
	top:-120px;
	position:absolute;
}
#service-list3{
	top:-120px;
	position:absolute;
}
/*landing-box-2*/
.landing-box-2{
	background: rgba(56,63,74,0.1);
	height:auto;
	width:100%;
	position:relative;
	padding-bottom:165px;
	padding-top:50px;
}
.landing-box-2-content{
	position:relative;
	width:100%;
	height:100%;
	top:0%;
}
.landing-box-2-title{
	text-align:center;
	position:relative;
	width:100%;
	line-height:1em;
	padding-top:50px;
	padding-bottom:50px;
	margin-bottom:0;
}
.landing-box-2-service-title{
	position:relative;
	width:100%;
	text-align:center;
	font-weight:bold;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
}
.landing-box-2-service-text{
	margin-left:auto;
	margin-right:auto;
	width:250px;
	position:relative;
	padding-right:10px;
	text-align:left;
	display:block;
	height:160px;
	text-align:center;
}
.landing-box-2-service-icon{
	display:block;
	max-height: 95px;
    max-width: 95px; 
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin-left: auto;
	margin-right:auto;
	position:relative;
	top:9px;
}
.landing-box-2-disclaimer{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:75px;
	font-size: 32px;
	color: white;
	width:1160px;
	text-align: center;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	z-index:2;
}
.button-link-landing-box-2{
	margin-left: auto;
	margin-right:auto;
	display:block;
	left:0;
	right:0;
	width:50%;
	max-width:140px;
	min-width:140px;
	position:relative;
	font-size:18px;
	margin-top:15px;
	line-height:20px;
}
.row-1{
	width:100%;
	margin-left:5%;
	height:auto;
	vertical-align:top;
	display:inline-block;
}
.row-2{
	width:45%;
	vertical-align:top;
	height:auto;
	display:inline-block;
}
.landing-box-2-service-1{
	position:relative;
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
	min-height:370px;
	width:45%;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-service-2{
	float:right;
	position:relative;
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
	min-height:370px;
	width:45%;
	margin-right:3%;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-service-3{
	position:relative;
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
	transition:0s;
	min-height:370px;
	width:45%;
	margin-left:3%;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-service-4{
	position:relative;
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
	transition:0s;
	min-height:370px;
	float:right;
	width:45%;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-icon-stylebox{
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
	border: 3px solid black; 
	background-color: rgba(118,124,135,1);
	width:120px; height: 120px; 
	margin-left:auto;
	margin-right: auto;
	border-radius:50%;
}
/*new content*/
.landing-box-2-list{
	width:1240px;
	margin-left:auto;
	margin-right:auto;
}
.landing-row{
	display:inline-block;
}
.landing-box-2-list-box-1{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	padding-bottom:20px;
	width:370px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-list-box-2{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:50px;
	margin-right:50px;
	width:370px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.landing-box-2-list-box-3{
	position:relative;
	height:auto;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	padding-bottom:20px;
	width:370px;
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/*landing-box-25 (meaning 2.5)*/
.landing-box-25{
	background: rgba(56,63,74,0.15);
	height:auto;
	font-size:1em;
	position:relative;
}
.landing-box-25-content{
	position:relative;
	width:80%;
	height:100%;
	left:10%;
}
.landing-box-25-content-1{
	padding-top:100px;
	padding-bottom:100px;
}
.landing-box-25-list-box{
	height:auto;
	position:relative;
	padding-top:45px;
	padding-bottom:45px;
	padding-left:45px;
	padding-right: 45px;
	margin-left:55%;
	top:30%;
	width:45%;
}
.landing-box-25-title{
	position: relative;
	padding:25px;
	padding-bottom:0;
    z-index: 1;
    color:#000000;
	text-align:left;
	line-height:1em;
    width: 100%; /* Set the width of the positioned div */
}
.landing-box-25-text{
	padding-top:40px;
	padding-left:25px;
	position:relative;
    z-index: 1;
    text-align: left;
    color:#000000;
	width:90%;
	left:0%;
}

.landing-box-25-photo{
	border-radius:20px;
	position:absolute;
	width:90%;
	left:5%;
	top:30%;
	display:block;
	max-height: 100%;  
    max-width: 100%; 
    top: 0;  
    bottom: 0;   
    margin: auto;
	left:0px;
}
.landing-box-25-photo-box{
	left:0%;
	position:absolute;
	top:0%;
	width:50%;
	height:100%;
}
.button-link-25-box{
	position:relative;
	margin-right:auto;
	min-width:170px;
    max-width:180px;
    height: auto;
	font-size:20px;
	margin-top:40px;
	margin-bottom:25px;
}

/*landing-box-3*/
.landing-box-3{
	background: rgba(239,212,149,1);
	height:auto;
	font-size:1.2em;
	position:relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
.landing-box-3-text{
	position:relative;
	width:100%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	font-weight:bold;
}
.notary-seal{
	height:100px;
	width:100px;
	margin-right:10px;
}
.button-link-third-box{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:170px;
    max-width:180px;
    height: auto;
	font-size:20px;
}
/*landing-box-4*/
.landing-box-4{
	height:auto;
	width:100%;
	position:relative;
	background: rgba(239,212,149,1);
	padding-bottom:25px;
	padding-top:25px;
}
.landing-box-4-content{
	position:relative;
	width:100%;
	height:100%;
	top:0%;
}
.landing-box-4-title{
	width:90%;
	left:5%;
	text-align:center;
}
.landing-box-4-text{
	position:relative;
	width:80%;
	left:10%;
	font-style:italic;
	padding-top:25px;
	text-align:center;
}
.face-name{
	margin-top:15px;
	font-style:normal;
}
.landing-box-4-photo-box{
	width:100%;
	height: auto;
	top:0;
	position:relative;
}
.landing-box-4-photo{
	width:70%;
	height:auto;
	position:relative;
	top:10%;
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:block;
	border-radius:50%;
	max-height: 150px;  
    max-width: 150px;  
	
}
.landing-box-4-person{
	width:33%;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
/*landing-box-5*/
.landing-box-5{
	height:auto;
	width:100%;
	position:relative;
	padding-bottom:25px;
	background-color:#EFD395;
}
.landing-box-5-content{
	width:100%;
	height:100%;
	position:relative;
}
.landing-box-5-title{
	width:100%;
	text-align:center;
	position:relative;
	padding-top:25px;
}
.landing-box-5-text{
	padding-top:15px;
	width:100%;
	text-align:center;
	position:relative;
}
.landing-box-5-photo{
	position:relative;
	max-height:125px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-top:20px;
}
.button-link-landing-box-5{
	margin-right:auto;
	margin-left:auto;
    height: auto;
	margin-top:20px;
	position:relative;
	min-width:210px;
	max-width:210px;
	line-height:20px;
	font-size:18px;
}

/*real-box-1*/
.real-banner{
	object-position:right 50%;
}
.real-box-1{
	height:auto;
	width:100%;
	position:relative;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.real-box-1-content{
	position:relative;
}
.real-box-1-title{
	position:relative;
	width:100%;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	margin-bottom:0;
}
.real-box-1-text{
	position:relative;
	padding-bottom:50px;
}
.real-box-1-list-title{
	position:relative;
	text-align:center;
}
.real-box-1-list-text{
	padding-top:15px;
	width:100%;
	line-height:1.1em;
	position:relative;
	text-align:center;
}
.real-box-1-row{
	width:150%;
	margin-left:-25%;
}
.real-box-1-col-1{
	width:50%;
	display:inline-block;
	vertical-align:top;
}
.real-box-1-col-2{
	width:49%;
	display:inline-block;
	vertical-align:top;
}
.real-box-1-list-box{
	padding:45px;
	position:relative;
	height:430px;
	width:400px;
	display:inline-block;
	vertical-align:top;
	float:right;
	margin-right:25px;
}
.real-box-1-list-box-2{
	padding:45px;
	position:relative;
	height:430px;
	width:400px;
	display:inline-block;
	vertical-align:top;
	margin-left:25px;
}
.real-box-1-text-2{
	margin-top:50px;
	text-align:center;
	position:relative;
}
.button-link-real-box-1{
	margin-top:50px;
	max-width:150px;
	min-width:150px;
	line-height: 25px;
	position:relative;
}
/*real-box-2*/
.real-box-2{
	height:auto;
	width:100%;
	position:relative;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.real-box-2-content{
	position:relative;
}
.real-box-2-title{
	padding-top:50px;
	position:relative;
	width:100%;
	padding-bottom:25px;
	margin-bottom:0;
}
.real-box-2-list{
	color:black;
	line-height:2em;
	font-weight:bold;
	display:block;
	position:relative;
}
.real-box-2-list-box{
	position:relative;
	padding:45px;
	padding-top:30px;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}
.real-box-2-list-box-text{
	line-height:1.1em;
	padding-left:30px;
}
.real-box-2-photobox{
	padding-top:50px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	min-width:300px;
}
.real-box-2-photo{
	width:100%;
	height:100%;
	border-radius:20px;
	border: 5px solid #E4B848;
}
/*real-box-3*/
.real-box-3{
	background-color:#EFD395;
	padding-bottom:50px;
}
.real-box-3-text{
	padding-left:5%;
	padding-right:5%;
	padding-top:50px;
	text-align:center;
}
.button-link-real-box-3{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	max-width:160px;
	min-width:160px;
}
/*estate-box-1*/
.estate-banner{
	object-position:center 80%;
}
.estate-box-1{
	position:relative;
	height:auto;
	width:100%;
	background: rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.estate-box-1-content{
	position:relative;
}
.estate-box-1-title{
	position:relative;
	text-align:center;
	padding-top:50px;
	margin-bottom:0;
}
.estate-box-1-text{
	padding-top:50px;
	position:relative;
}
.estate-box-1-title-2{
	padding-top:50px;
	position:relative;
}
.estate-box-1-list{
	padding:45px;
	width:400px;
	margin-top:50px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.estate-box-1-list-title{
	text-align:center;
}
.estate-box-1-list-text{
	width:150px;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.button-link-estate-box-1{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	left:0;
	right:0;
    width: 20%;
	min-width:150px;
	max-width:200px;
    height: auto;
	position:relative;
}
/*estate-box-4*/
.estate-box-4{
	height:auto;
	width:100%;
	position:relative;
	background:rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.estate-box-4-content{
	height:100%;
	position:relative;
}
.estate-box-4-content-2{
	position:relative;
	padding:45px;
}
.estate-box-4-title{
	padding-top:50px;
	position:relative;
	margin-bottom:0;
}
.estate-box-4-text{
	padding-top:25px;
	position:relative;
}
.estate-box-4-list{
	margin-top:50px;
	margin-left: auto;
	margin-right:auto;
	height:auto;
	max-width:605px;
	width:100%;
	position:relative;
}
.estate-box-4-list-title{
	text-align:center;
	position:relative
}
.estate-box-4-list-text{
	padding-top:15px;
	position:relative;
	width:100%;
	text-align:center;
}
.estate-box-4-list-icon{
	display:block;
	max-height: 200px;
    max-width: 200px; 
    top: 2.5%;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin-left: auto;
	margin-right:auto;
	position:relative;
	padding-bottom:20px;
}
.estate-box-4-title-2{
	text-align:center;
}
.button-link-estate-box-4{
	left:0;
	margin-left:auto;
	margin-right:auto;
    width: 20%;
	min-width:150px;
	max-width:200px;
    height: auto;
	font-size:20px;
	margin-top:30px;
	position:relative;
}
/*estate-box-5*/
.estate-box-5{
	height:auto;
	width:100%;
	position:relative;
	background:rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.estate-box-5-content{
	position:relative;
}
.estate-box-5-title{
	padding-top:50px;
	margin-bottom:0;
}
.estate-box-5-title-2{
	padding-top:50px;
}
.estate-box-5-title-3{
	padding-top:50px;
}
.estate-box-5-title-4{
	padding-top:50px;
	text-align:center;
}
.estate-box-5-text{
	padding-top:25px;
}
.estate-box-5-text-2{
	padding-top:25px;
}
.estate-box-5-list-title{
	position:relative;
	text-align:center;
}
.estate-box-5-list-text{
	padding-top:15px;
	text-align:center;
	width:100%;
	line-height:1em;
	position:relative;
}
.estate-box-5-row{
	width:150%;
	margin-left:-25%;
}
.estate-box-5-col-1{
	width:50%;
	vertical-align:top;
	display:inline-block;
}
.estate-box-5-col-2{
	width:49%;
	vertical-align:top;
	display:inline-block;
}
.estate-box-5-list-box{
	padding:45px;
	position:relative;
	height:auto;
	width:400px;
	height:420px;
	margin-top:50px;
	vertical-align:top;
	margin-bottom:25px;
	float:right;
	margin-right:25px;
	margin-right:25px;
}
.estate-box-5-list-box-2{
	padding:45px;
	position:relative;
	height:auto;
	width:400px;
	height:420px;
	margin-top:50px;
	margin-bottom:25px;
	margin-left:25px;
	vertical-align:top;
}
.button-link-estate-box-5{
	left:0;
	margin:auto;
    width: 20%;
	max-width:160px;
	min-width:160px;
    height: auto;
	font-size:20px;
	top:100%;
	margin-top:30px;
	position:relative;
}
/*estate-box-6*/
.estate-box-6{
	background:rgba(56,63,74,0.1);
	height:auto;
}
.estate-box-6-content{
	padding-top:50px;
	padding-bottom:50px;
}
.estate-box-6-text{
	padding-top:25px;
}
/*estate-box-7*/
.estate-box-7{
	background-color:#EFD395;
	padding-bottom:50px;
}
.estate-box-7-text{
	padding-top:50px;
	text-align:center;
}
.button-link-estate-box-7{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	max-width:160px;
	min-width:160px;
}
/*notarization-box-1*/
.notarization-banner{
	object-position:center 85%;
}
.notarization-box-1{
	width:100%;
	position:relative;
	height:auto;
	background:rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.notarization-box-1-content{
	position:relative;
	height:100%;
}
.notarization-box-1-title{
	padding-top:50px;
	text-align:center;
	position:relative;
	margin-bottom:0;
}
.notarization-box-1-text{
	padding-top:50px;
	position:relative;
}
.notarization-box-1-text-2{
	padding-top:50px;
	position:relative;
}
.notarization-box-1-list{
	height:auto;
	width:470px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:50px;
	padding:45px;
}
.notarization-box-1-list-title{
	position:relative;
	text-align:center;
}
.notarization-box-1-list-text{
	display:block;
	right:0;
	text-align:left;
	line-height:1.5em;
	position:relative;
	padding-top:15px;
	width:180px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.notarization-box-1-list-icon{
	display:block;
	max-height: 200px;
    max-width: 200px;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin-left: auto;
	margin-right:auto;
	border-radius:50%;
	position:relative;
}
.button-link-notarization-box-1{
	margin-left:auto;
	margin-right:auto;
    width: 20%;
	min-width:180px;
	max-width:200px;
    height: auto;
	top:100%;
	margin-top:30px;
	position:relative;
}
/*notarization-box-2*/
.notarization-box-2{
	width:100%;
	position:relative;
	height:auto;
	background:rgba(56,63,74,0.1);	
	padding-bottom:40px;
}
.notarization-box-2-content{
	height:100%;
	position:relative;
}
.notarization-box-2-title{
	padding-top:50px;
	line-height:1em;
	position:relative;
	margin-bottom:0;
}
.notarization-box-2-title-2{
	padding-top:50px;
	padding-bottom:25px;
	position:relative;
}
.notarization-box-2-text{
	padding-top:25px;
	position:relative;
}
.notarization-box-2-list{
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
/*notarization-box-3*/
.notarization-box-3{
	width:100%;
	position:relative;
	height:auto;
	background:rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.notarization-box-3-content{
	position:relative;
}
.notarization-box-3-title{
	padding-top:0px;
	position:relative;
	margin-bottom:0;
}
.notarization-box-3-text{
	padding-top:25px;
	position:relative;
}
/*life-planning-box-1*/
.life-banner{
	object-position:center 50%;
}
.life-box-1{
	width:100%;
	position:relative;
	height:auto;
	background:rgba(56,63,74,0.1);
	padding-bottom:50px;
}
.life-box-1-title{
	text-align:center;
	padding-top:50px;
	margin-bottom:0;
}
.life-box-1-text{
	padding-top:50px;
}
.life-box-1-text-2{
	padding-top:50px;
}
.life-box-1-list{
	margin-top:50px;
	position:relative;
	padding:45px;
	width: 450px;
	margin-left:auto;
	margin-right:auto;
}
.life-box-1-list-title{
	text-align:center;
}
.life-box-1-list-text{
	padding-top:15px;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.button-link-life-box-1{
	margin-left:auto;
	margin-right:auto;
    width: 20%;
	min-width:160px;
	max-width:170px;
    height: auto;
	top:100%;
	margin-top:30px;
	position:relative;
}
/*life-planning-box-2*/
.life-box-2{
	width:100%;
	position:relative;
	height:auto;
	background:rgba(56,63,74,0.10);	
	padding-bottom:0px;
}
.life-box-2-text{
	padding-top:25px;
}
.life-box-2-text-2{
	padding-top:40px;
	text-align:center;
}
.life-box-2-text-3{
	padding-top:50px;
}
.life-box-2-title{
	padding-top:50px;
	margin-bottom:0;
}
.life-box-2-list{
	padding-top:25px;
	max-width: 700px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.button-link-life-box-2{
    width: 20%;
	margin-left:auto;
	margin-right:auto;
	min-width:140px;
	max-width:150px;
    height: auto;
	font-size:20px;
	top:100%;
	margin-top:30px;
	position:relative;
}
/*life-planning-box-3*/
.life-box-3{
	width:100%;
	position:relative;
	height:auto;
	background:rgba(56,63,74,0.1);	
	padding-bottom:50px;
}
.life-box-3-title{
	padding-top:50px;
	margin-bottom:0;
}
.life-box-3-title-2{
	padding-top:50px;
}
.life-box-3-title-3{
	padding-top:50px;
	text-align:center;
}
.life-box-3-text{
	padding-top:25px;
}
.life-box-3-text-2{
	padding-top:25px;
}
.life-box-3-text-3{
	padding-top:25px;
	margin-left:50px;
}
.life-box-3-text-4{
	padding-top:25px;
	margin-left:50px;
}
.life-box-3-photo{
	margin-top:50px;
	border-radius:20px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	min-width:500px;
	border: 5px solid #E4B848;
}
.life-box-3-list-fly{
	max-width:700px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}
.life-box-3-list{
	margin-top:50px;
	position:relative;
	padding:45px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.life-box-3-list-title{
	text-align:center;
}
.life-box-3-list-text{
	padding-top:15px;
	text-align:center;
}
/*life-box-4*/
.life-box-4{
	background: rgba(56,63,74,0.1);
	position:relative;
	height:auto;
	width:100%;
	padding-bottom:50px;
}
.life-box-4-content{
	height:100%;
	position:relative;
}
.life-box-4-title{
	padding-top:50px;
	position:relative;
	margin-bottom:0;
}
.life-box-4-title-3{
	padding-top:50px;
}
.life-box-4-title-2{
	text-align:center;
	position:relative;
}
.life-box-4-text{
	padding-top:25px;
	position:relative;
}
.life-box-4-content-2{
	height:100%;
	width:100%;
	left:0;
	position:relative
}
.life-box-4-list{
	height:auto;
	width:400px;
	position:relative;
	padding:45px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}
.life-box-4-list-title{
	text-align:center;
	position:relative
}
.life-box-4-list-text{
	padding-top:10px;
	width:220px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
}
.life-box-4-list-icon{
	display:block;
	max-height: 200px;
    max-width: 200px; 
    top: 2.5%;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin-left: auto;
	margin-right:auto;
	border-radius:10%;
	position:relative;
}
.button-link-life-box-4{
	left:0;
	margin-left:auto;
	margin-right:auto;
    width: 20%;
	min-width:180px;
	max-width:200px;
    height: auto;
	font-size:20px;
	margin-top:30px;
	position:relative;
}
/*life-box-5*/
.life-box-5{
	background:rgba(56,63,74,0.10);
	position:relative;
	height:auto;
	width:100%;
	padding-bottom:50px;
}
.life-box-5-title{
	padding-top:50px;
}
.life-box-5-text{
	padding-top:25px;
}
.life-box-5-title-2{
	text-align:center;
	padding-top:50px;
}
.life-box-5-list{
	margin-left: auto;
	margin-right: auto;
	height:auto;
	width:650px;
	position:relative;
	padding:45px;
	margin-top:50px;
	margin-bottom:50px;
}
.life-box-5-list-text{
	padding-top:10px;
	text-align:center;
}
/*life-box-6*/
.life-box-6{
	background-color:#EFD395;
	padding-bottom:50px;
}
.life-box-6-text{
	padding-top:50px;
	width:90%;
	left:5%;
	text-align:center;
}
.button-link-life-box-6{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	max-width:160px;
	min-width:160px;
	background-color:rgba(228,185,74,1);
	color:black;
}

/*special case for landing page*/
@media(max-width:1800px){
	.landing-box-2{
		padding-bottom:100px;
	}
	.welcome-text{
		padding-bottom:100px;
	}
	.row-1{
		width:40%;
		margin-left:10%;
		height:auto;
		vertical-align:top;
		display:inline-block;
	}
	.row-2{
		width:40%;
		vertical-align:top;
		height:auto;
		display:inline-block;
	}
	.landing-box-2-service-1{
		width:370px;
		position:relative;
		display:inline-block;
		padding-top:20px;
		padding-bottom:20px;
		vertical-align:top;
		float:right;
		margin-right:25px;
		min-height:370px;
	}
	.landing-box-2-service-2{
		margin-top:50px;
		float:right;
		margin-right:25px;
		width:370px;
		position:relative;
		display:inline-block;
		padding-top:20px;
		padding-bottom:20px;
		vertical-align:top;
		min-height:370px;
	}
	.landing-box-2-service-3{
		width:370px;
		position:relative;
		display:inline-block;
		padding-top:20px;
		padding-bottom:20px;
		vertical-align:top;
		transition:0s;
		margin-left:25px;
		min-height:370px;
	}
	.landing-box-2-service-4{
		margin-left:25px;
		margin-top:50px;
		width:370px;
		position:relative;
		display:inline-block;
		padding-top:20px;
		padding-bottom:20px;
		vertical-align:top;
		transition:0s;
		min-height:370px;
		float:none;
	}
	.landing-box-2-list{
		width:1160px;
	}
	.landing-box-2-list-box-2{
		margin-left:20px;
		margin-right:20px;
	}
}

/*small monitor*/
@media(max-width:1200px){
	.main-content{
		width:70%;
		left:15%;
	}
	.content{
		padding-top:120px;
	}
	/*landing-page-box-1*/
	.landing-box-1{
		padding:0px;
	}
	.welcome-text{
		font-size:1.5em;
		min-width:650px;
	}
	.logo-notary{
		width:700px;
	}
	.button-link-first-box{
		top:30%;
	}
	.header-title{
	font-size:45px;
	max-width:500px;
	}
	.header-text{
		font-size:20px;
		max-width:450px;
	}
	.landing-box-1-textbox{
		padding-left:50px;
		width:42%;
		padding-right:25px;
		padding-top:250px;
	}
	.header-logo-box{
		width:57%;
		padding-top:250px;
	}
	/*landing-box-2*/
	.landing-box-2{
		height:auto;
		width:100%;
		padding-bottom:100px;
	}
	.landing-box-2-content{
		width:80%;
		left:10%;
	}
	.landing-box-2-title{
		padding:50px;
	}
	.row-1{
		width:47.5%;
		margin-right:0%;
		margin-left:2%;
	}
	.row-2{
		width:46.5%;
		margin-left:2%;
		margin-right:0%;
	}
	.landing-box-2-service-text{
		margin-left:auto;
		margin-right:auto;
	}
	.landing-box-2-service-1{
		width:355px;
		margin-left:0;
		margin-right:0;
	}
	.landing-box-2-service-2{
		width:355px;
		margin-left:0;
		margin-right:0;
	}
	.landing-box-2-service-3{
		width:355px;
		margin-left:0;
		margin-right:0;
	}
	.landing-box-2-service-4{
		width:355px;
		margin-left:0;
		margin-right:0;
	}
	.landing-box-2-disclaimer{
		width:740px;
	}
	.landing-row{
		width:100%;
		display:block;
	}
	.landing-box-2-list{
		width:740px;
	}
	.landing-box-2-list-box-1{
		margin-left:0%;
		margin-right:15px;
		width:350px;
	}
	.landing-box-2-list-box-2{
		margin-left:15px;
		margin-right:0;
		width:350px;
	}
	.landing-box-2-list-box-3{
		margin-top:50px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:350px;
	}
	/*landing-box-25*/
	.landing-box-25{
		padding-bottom:50px;
	}
	.landing-box-25-list-box{
		margin:0;
		width:80%;
		left:10%;
	}
	.landing-box-25-content-1{
		padding-top:50px;
		padding-bottom:50px;
	}
	.landing-box-25-photo-box{
		left:0;
		width:100%;
		position:relative;
		height:50%;
	}
	.landing-box-25-photo{
		position:relative;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	/*landing-box-3*/
	/*landing-box-4*/
	.landing-box-4{
		height:auto;
		padding-bottom:50px;
	}
	.landing-box-4-person{
		padding-top:25px;
		width:80%;
		left:10%;
	}
	.landing-box-4-photo-box{
		height:60%;
	}
	.landing-box-4-photo{
		max-width:150px;
		max-height:150px;
	}
	/*real-box-1*/
	.real-box-1-row{
		width:130%;
		margin-left:-15%;
	}
	.real-box-1-list-box{
		margin-right:15px;
		width:350px;
		height:470px;
		padding:35px;
	}
	.real-box-1-list-box-2{
		margin-left:15px;
		width:350px;
		height:470px;
		padding:35px;
	}
	/*estate-box-2*/
	.estate-box-2{
		padding-bottom:50px;
	}
	.estate-box-2-list{
		position:relative;
		width:60%;
	}
	.estate-box-2-list-icon{
		top:0%;
	}
	/*estate-box-4*/
	.estate-box-4{
		padding-bottom:50px;
	}
	.estate-box-4-list{
		position:relative;
	}
	/*estate-box-5*/
	.estate-box-5-row{
		width:100%;
		margin-left:0;
	}
	.estate-box-5-list-box{
		width:340px;
		height:450px;
		margin-right:15px;
		padding:35px;
	}
	.estate-box-5-list-box-2{
		margin-left:15px;
		width:340px;
		height:450px;
		padding:35px;
	}
	.estate-box-5
	/*life-box-3*/
	.life-box-3-list{
		width:500px;
	}
	/*life-box-list-5*/
	.life-box-5-list{
		width:600px;
	}
	
}
/*tablet view*/
@media(max-width:768px){
	.list-box-properties{
		width:100%;
		left:0;
		border:none;
		border-radius:0;
		box-shadow:0px 0px 0px 0;
	}
	.main-content{
		width:90%;
		left:5%;
	}
	.banner{
		height:200px;
	}
	.banner-image-center{
		height:200px;
	}
	/*landing-page-box-1*/
	.landing-box-1{
		padding:0px;
	}
	.image-background-small{
		display:inline;
		position:absolute;
		width:100%;
		height:600px;
		object-fit:cover;
		object-position: center center;
		opacity:1;
	}
	.main-banner{
		height:600px;
	}
	.image-background-large{
		display:none;
	}
	.welcome-text{
		width:80%;
		min-width:0px;
		font-size:1.2em;
		padding-bottom:25px;
	}
	.logo-notary{
		width:100%;
	}
	.button-link-first-box{
		top:30%;
	}
	.header-title{
		font-size:30px;
		max-width:450px;
		padding-right:50px;
	}
	.header-text{
		font-size:20px;
		max-width:350px;
		padding-top:15px;
		padding-bottom:3px;
		padding-right:50px;
	}
	.landing-box-1-textbox{
		padding-left:75px;
		width:100%;
		padding-top:100px;
	}
	.header-logo-box{
		width:70%;
		left:15%;
		padding-top:200px;
	}
	/*landing-page-box-2*/
	.landing-box-2{
		padding-bottom:50px;
		padding-top:50px;
	}
	.landing-box-2-title{
		padding-left:25px;
		padding-right:25px;
	}
	.landing-box-2-content{
		width:100%;
		left:0;
	}
	.landing-box-2-service-properties{
		width:100%;
		min-width:0;
	}
	.row-1{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.row-2{
		width:100%;
		margin-left:0;
		margin-top:0;
		margin-right:0;
	}
	.landing-box-2-service-text{
	}
	.landing-box-2-service-1{
		width:400px;
		min-width:0;
		margin-top:25px;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
	}
	.landing-box-2-service-2{
		width:400px;
		min-width:0;
		margin-top:25px;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
	}
	.landing-box-2-service-3{
		width:400px;
		min-width:0;
		margin-top:25px;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
	}
	.landing-box-2-service-4{
		width:400px;
		min-width:0;
		margin-top:25px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
	}
	.landing-box-2-list{
		width:100%;
	}
	.landing-box-2-list-box-1{
		width:400px;
		min-width:0;
		margin-top:0px;
		margin-bottom:25px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
		min-height:0;
	}
	.landing-box-2-list-box-2{
		width:400px;
		min-width:0;
		margin-top:25px;
		margin-bottom:25px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
		min-height:0;
	}
	.landing-box-2-list-box-3{
		width:400px;
		min-width:0;
		margin-top:25px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
		padding-top:25px;
		padding-bottom:25px;
		border: 5px solid rgba(228,185,74,1);
		box-shadow:0px 0px 8px 0 rgba(0,0,0,0.2);
		border-radius:20px;
		display:block;
		float:none;
		min-height:0;
	}
	.landing-box-2-disclaimer{
		position:relative;
		width:100%;
		text-align:center;
		margin-right:auto;
		margin-left:auto;
		line-height: 1em;
	}
	/*landing page 25 box*/
	.landing-box-25{
		background: rgba(56,63,74,0.1);
	}
	.landing-box-25-content{
		top:50%;
		width:100%;
		height:50%;
		left:0%;
	}
	.landing-box-25-photo-box{
		top:0%;
		width:100%;
		height:50%;
		left:0%;
		position:relative;
	}
	.landing-box-25-content-1{
		padding-top:0;
	}
	.landing-box-25-list-box{
		background: rgba(118,124,135,0.1);
	}
	.landing-box-25-photo{
		border-radius:0;
	}
	/*landing-page-box-3*/
	/*landing-box-4*/
	.landing-box-4{
		display:none;
	}
	/*real-box-1*/
	.real-box-1{
		height:auto;
		padding-bottom:0;
	}
	.real-box-1-content{
		width:100%;
		left:0;
	}
	.real-box-1-title{
		width:90%;
		left:5%;
	}
	.real-box-1-text{
		width:90%;
		left:5%;
	}
	.real-box-1-row{
		width:100%;
		margin-left:0;
	}
	.real-box-1-col-1{
		width:100%;
	}
	.real-box-1-col-2{
		width:100%;
	}
	.real-box-1-list-box{
		display:block;
		height:auto;
		position:relative;
		left:0;
		top:0;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:5%;
		padding-right:5%;
		padding-top:50px;
		padding-bottom:25px;
	}
	.real-box-1-list-box-2{
		display:block;
		height:auto;
		position:relative;
		left:0;
		top:0;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:5%;
		padding-right:5%;
		padding-top:25px;
		padding-bottom:50px;
	}
	.real-box-1-list-title{
		text-align:left;
	}
	.real-box-1-list-text{
		text-align:left;
		padding-left:30px;
	}
	.real-box-1-text-2{
		width:90%;
		left:5%;
	}
	/*real-box-2*/
	.real-box-2-content{
		width:100%;
		left:0;
	}
	.real-box-2-title{
		width:90%;
		left:5%;
	}
	.real-box-2-text{
		width:90%;
		left:5%;
	}
	.real-box-2-photobox{
		width:100%;
		min-width:0;
	}
	.real-box-2-photo{
		border-radius:0;
		height:250px;
		object-fit: cover;
		object-position: center 20%;
		border:none;
		box-shadow:none;
	}
	.real-box-2-photo2{
		object-position: center center;
	}
	/*estate-box-1*/
	.estate-box-1{
		padding-bottom:0;
	}
	.estate-box-1-content{
		width:100%;
		left:0;
	}
	.estate-box-1-title{
		width:90%;
		left:5%;
	}
	.estate-box-1-text{
		width:90%;
		left:5%;
	}
	.estate-box-1-title-2{
		width:90%;
		left:5%;
	}
	.estate-box-1-list{
		padding-left:5%;
		padding-right:5%;
	}
	.estate-box-1-list-title{
		text-align:left;
	}
	.estate-box-1-list-text{
		width:100%;
		padding-left:30px;
		text-align:left;
	}
	/*estate-box-4*/
	.estate-box-4{
		padding-bottom:0;
	}
	.estate-box-4-title{
		width:90%;
		left:5%;
	}
	.estate-box-4-text{
		width:90%;
		left:5%;
	}
	.estate-box-4-title-2{
		width:90%;
		left:5%;
	}
	.estate-box-4-content{
		width:100%;
		left:0;
	}
	.estate-box-4-list{
		width:100%;
		max-width:100%;
		margin-left:0%;
	}
	.estate-box-4-list-title{
		text-align:left;
	}
	.estate-box-4-list-text{
		text-align:left;
		padding-left:30px;
	}
	.estate-box-4-content-2{
		padding:50px;
		padding-left:5%;
		padding-right:5%;
	}
	/*estate-box-5*/
	.estate-box-5-content{
		width:100%;
		left:0;
	}
	.estate-box-5-col-1{
		width:100%;
		height:100%;
	}
	.estate-box-5-col-2{
		width:100%;
		height:100%;
	}
	.estate-box-5-list-box{
		width:100%;
		height:auto;
		margin-right:0;
		margin-bottom:0;
		margin-left:0;
		padding:25px;
		padding-top:50px;
		padding-left:5%;
		padding-right:5%;
		position:relative;
	}
	.estate-box-5-list-box-2{
		width:100%;
		height:auto;
		margin-right:0;
		margin-left:0;
		margin-top:0;
		padding:25px;
		padding-bottom:50px;
		padding-left:5%;
		padding-right:5%;
		display:block;
		position:relative;
	}
	.estate-box-5-title{
		width:90%;
		left:5%;
	}
	.estate-box-5-title-2{
		width:90%;
		left:5%;
	}
	.estate-box-5-title-3{
		width:90%;
		left:5%;
	}
	.estate-box-5-title-4{
		width:90%;
		left:5%;
	}
	.estate-box-5-text{
		width:90%;
		left:5%;
	}
	.estate-box-5-text-2{
		width:90%;
		left:5%;
	}
	.estate-box-5-list-title{
		text-align:left;
	}
	.estate-box-5-list-text{
		text-align:left;
		padding-left:30px;
	}
	/*notarization-box-1*/
	.notarization-box-1{
		padding-bottom:0;
	}
	.notarization-box-1-content{
		width:100%;
		left:0;
	}
	.notarization-box-1-list{
		width:100%;
		left:0;
		padding:50px;
		padding-left:5%;
		padding-right:5%;
	}
	.notarization-box-1-list-title{
		text-align:left;
	}
	.notarization-box-1-list-text{
		width:100%;
		padding-left:30px;
		text-align:left;
	}
	.notarization-box-1-text{
		width:90%;
		left:5%;
	}
	.notarization-box-1-text-2{
		width:90%;
		margin-left:5%;
	}
	/*life-box-1*/
	.life-box-1{
		padding-bottom:0;
	}
	.life-box-1-content{
		width:100%;
		left:0;
	}
	.life-box-1-title{
		width:90%;
		left:5%;
	}
	.life-box-1-text{
		width:90%;
		left:5%;
	}
	.life-box-1-text-2{
		width:90%;
	}
	.life-box-1-list{
		padding-top:50px;
		padding-bottom:50px;
		padding-left:5%;
		padding-right:5%;
	}
	.life-box-1-list-title{
		text-align:left;
	}
	.life-box-1-list-text{
		width:100%;
		padding-left:30px;
		text-align:left;
	}
	/*life-box-2*/
	.life-box-2-content{
		width:100%;
		left:0;
	}
	.life-box-2-title{
		left:5%;
		width:90%;
	}
	.life-box-2-text{
		left:5%;
		width:90%;
	}
	.life-box-2-text-2{
		left:5%;
		width:90%;
	}
	.life-box-2-text-3{
		left:5%;
		width:90%;
		position:relative;
	}
	/*life-planning-box-3*/
	.life-box-3{
		padding-bottom:0;
	}
	.life-box-3-content{
		width:100%;
		left:0;
	}
	.life-box-3-title{
		width:90%;
		left:5%;
	}
	.life-box-3-title-2{
		width:90%;
		left:5%;
	}
	.life-box-3-title-3{
		width:90%;
		left:5%;
	}
	.life-box-3-text{
		width:90%;
		left:5%;
	}
	.life-box-3-text-2{
		width:90%;
		left:5%;
	}
	.life-box-3-text-3{
		width:85%;
		margin-left:10%;
	}
	.life-box-3-text-4{
		width:85%;
		margin-left:10%;
	}
	.life-box-3-list-fly{
		width:90%;
	}
	.life-box-3-list{
		width:100%;
		left:0;
		padding-left:5%;
		padding-right:5%;
	}
	.life-box-3-list-title{
		text-align:left;
	}
	.life-box-3-list-text{
		text-align:left;
		padding-left:30px;
	}
	.life-box-3-photo{
		border:none;
		box-shadow:none;
		border-radius:0;
		width:100%;
		height:300px;
		object-fit:cover;
		object-position: center center;
		margin-left:0;
		min-width:0;
	}
	/*life-planning-box-4*/
	.life-box-4{
		padding-bottom:0;
	}
	.life-box-4-content{
		width:100%;
		left:0;
	}
	.life-box-4-title{
		width:90%;
		left:5%;
	}
	.life-box-4-text{
		width:90%;
		left:5%;
	}
	.life-box-4-title-3{
		width:90%;
		left:5%;
	}
	.life-box-4-title-2{
		width:90%;
		left:5%;
	}
	.life-box-4-list{
		width:100%;
		margin-left:0%;
		padding-left:5%;
		padding-right:5%;
		padding-top:50px;
		padding-bottom:50px;
	}
	.life-box-4-list-title{
		text-align:left;
	}
	.life-box-4-list-text{
		width:100%;
		margin-left:0%;
		padding-left:30px;
		text-align:left;
	}
	/*life-box-5*/
	.life-box-5-content{
		width:100%;
		left:0;
	}
	.life-box-5-title{
		left:5%;
		width:90%;
	}
	.life-box-5-title-2{
		left:5%;
		width:90%;
	}
	.life-box-5-text{
		left:5%;
		width:90%;
	}
	.life-box-5-text-2{
		left:5%;
		width:90%;
	}
	.life-box-5-list{
		width:100%;
		margin-left:0%;
		padding-left:5%;
		padding-right:5%;
		padding-top:50px;
		padding-bottom:50px;
	}
	.life-box-5-list-text{
		text-align:left;
		padding-left:30px;
	}
}
/*phone view*/
@media(max-width:500px){
	.logo-notary{
		border-radius:20px;
	}
	.welcome-text{
		width:90%;
	}
	.landing-box-2-content{
		width:100%;
		left:0%;
	}
	/*landing-box-2*/
	.landing-box-2-service-1{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
		min-height:0;
	}
	.landing-box-2-service-2{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
		min-height:0;
	}
	.landing-box-2-service-3{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
		min-height:0;
	}
	.landing-box-2-service-4{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
		min-height:0;
	}
	.landing-box-2-list-box-1{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
	}
	.landing-box-2-list-box-2{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
	}
	.landing-box-2-list-box-3{
		width:300px;
		padding-top:20px;
		padding-bottom:25px;
	}
	/*landing-box-25*/
	.landing-box-25-list-box{
		background: rgba(118,124,135,0.1);
	}
	.landing-box-25{
		padding-bottom:0px;
	}
	.landing-box-25-content-1{
		padding-top:0;
		padding-bottom:0;
	}
	.landing-box-25-photo{
		width:100%;
		border-radius:0;
	}
	/*landing-box-3*/
	/*landing-box-5*/
	.landing-box-5-title{
		font-size:2.2em;
	}
	.landing-box-5-text{
		font-size:1.2em;
	}
	/*real-box-1*/
	.real-box-1-content{
		width:100%;
	}
	.real-box-1-text{
		width:90%;
		left:5%;
	}
	/*real-box-2*/

	/*estate-box-4*/
	.estate-box-4{
	}
	/*notarization-box-1*/
	.notarization-box-1-content{
		width:100%;
		left:0;
	}
	.notarization-box-1-text{
		width:90%;
		left:5%;
	}
	.notarization-box-1-text-2{
		width:90%;
	}
	/*notarization-box-2*/
	.notarization-box-2-content{
		width:100%;
		left:0;
	}
	.notarization-box-2-title{
		width:90%;
		left:5%;
	}
	.notarization-box-2-title-2{
		width:90%;
		left:5%;
	}
	.notarization-box-2-text{
		width:90%;
		left:5%;
	}
	/*life-planning-2*/
	.life-box-2-title-2{
		width:90%;
		left:5%;
	}
	.life-box-2-text-3{
		left:0%;
		width:100%;
		position:relative;
	}
	/*life-planning-box-3*/
	.life-box-3-list-fly{
		width:100%;
		left:0;
	}
	.life-box-3-photo{
		width:100%;
		height:250px;
	}
	/*life-box-4*/
	.life-box-4{
		padding-bottom:0px;
	}
	.life-box-4-list{
		margin-left:0;
		width:100%;
	}
	.life-box-4-list{
		margin-left:0;
		width:100%;
	}
}
/*handles small vertical screen to stop navbar cut-offs*/
@media(max-height: 600px){
	nav{
		position:absolute;
	}
	.content{
		padding-top:0;
		top:120px;
		position:relative;
		padding-bottom:120px;
	}
	
}
/*Create a fade in effect*/
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
/*Footer*/
.footer{
	font-family: Lato;
	color: white;
	background-color:black;
	
}
.footer-link{
	font-family: Lato;
	color: white;
	text-decoration: none;
	list-style:none;
	font-weight:normal;
}
.footer-link:hover{
	color:#E4B848;
	text-decoration:none;
}
.footer-header{
	font-weight:bold;
	font-size:1.4em;
	padding-bottom:10px;
	line-height:1.1em;
}
.fa {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px !important;
  width: 50px;
  text-align: center;
  text-decoration: none;
  color: white;
  height:40px;
}
.fa:hover {
  color:#E4B848;
  text-decoration:none;
}
.smaller{
	height:40px;
}
.footer-logo{
	height: 150px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.footer-box{
	padding-top:20px;
	width:90%;
	left:5%;
	position:relative;
	margin-right:0 !important;
	margin-left:0 !important;
}
footer{
	padding-bottom:20px;
}
.phone{
	color:white;
	font-size:18px;
}
.phone:hover{
	color: #E4B848;
}
.email{
	color:white;
}
.email:hover{
	color: #E4B848;
}

/*general*/
.mobile{
	display:none;
}

.small-font{
	font-size:0.7rem;
}
.center{
	margin:auto;
	text-align:center;
}
.bold{
	font-weight:bold;
}
.align-right{
	text-align:right;
	justify-content:right;
}
.auto-center{
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}
.secret{
	color:black;
	cursor:auto;
	text-decoration:none;
}
.secret:hover{
	color:black;
}
p {
    display: inline-block;
	text-align: center;
}
a:hover{
	text-decoration:none !important;
}
body{
	font-family: Lato !important;
	text-decoration: none;
	color: black;
	background-color:white;
	word-wrap:break-word !important;
	line-height:1.5em !important;
}