body,h1,h5 { font-family: "Raleway", sans-serif }
html,body { 
  font-family:Verdana,sans-serif;
  font-size:15px;
  line-height:1.5
}
html { overflow-x:hidden }
body, html { height: 100% }
body { margin:0 }
.button {
  font:inherit;
  margin:0
}
.bgimg {
  background-image: url('../images/clarisse-meyer-jKU2NneZAbI-unsplash.jpg');
  min-height: 100%;
  background-position: center;
  background-size: cover;
}
.display-container { position:relative; }
.display-container:hover .display-hover{ display:block }
.display-container:hover span.display-hover{ display:inline-block }
.text-white { color:#fff!important }
.display-middle{ 
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%)}
.jumbo {
  text-shadow: 2px 2px black;
  font-weight: 900;
  font-size:6vw;
}
.display-topleft { 
  position:absolute;
  left:0;
  top:0
}
.container { padding:0.01em 16px }
.container:after,.container:before,{content:"";display:table;clear:both}
.xlarge { font-size:24px!important }
a {
  color: inherit;
  text-underline-offset: var(--offset, 0.2em);
  text-decoration: underline 0.15em;
  transition: --offset 400ms, text-decoration-color 400ms;
}
a:hover,
a:focus {
  --offset: 0.4em;
  text-decoration-color: orange;
  color:orange;
}

@supports not (background: paint(something)) {
  a {
    transition: text-underline-offset 400ms, text-decoration-color 400ms;
  }
  
  a:hover,
  a:focus {
    text-underline-offset: 0.4em;
  }
}

.title {
  font-size:7vw;
  font-weight:1000;
  text-shadow:5px 5px black;
}

.link {
  font-size:2.5vw;
  text-shadow:2px 2px 2px black;
}

.info {
  font-size:2vw;
  text-shadow:2px 2px black;
}

.button {
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:underline;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap
}
/*
.button:hover{
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap
  color:#fff!important;
  background-color:#000!important 
}
*/
a {
  color: inherit;
  text-underline-offset: var(--offset, 0.2em);
  text-decoration: underline 0.15em;
  transition: --offset 400ms, text-decoration-color 400ms;
  cursor: pointer;
}
button:hover {
  --offset: 0.4em;
  text-decoration-color: orange;
  cursor: pointer;
}
button:focus {
  --offset: 0.4em;
  text-decoration-color: orange;
}

@supports not (background: paint(something)) {
  a {
    transition: text-underline-offset 400ms, text-decoration-color 400ms;
  }
  
  a:hover,
  a:focus {
    text-underline-offset: 0.4em;
  }
}

.black {
  color:#fff!important;
  background-color:#000!important 
}
.display-bottomleft {
  position:absolute;
  left:0;
  bottom:0 
}
.large { font-size:18px!important }
.modal {
  z-index:3;
  display:none;
  padding-top:100px;
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:100%;
  height:85%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)
}
.animate-zoom { animation:animatezoom 0.6s } @keyframes animatezoom { from { transform:scale(0) } to { transform:scale(1) } }
.display-topright {
  position:absolute;
  right:0;
  top:0
}
.input {
  padding:8px;
  display:block;
  border:none;
  border-bottom:1px solid #ccc;
  width:100%
}
.padding-16 {
  padding-top:16px!important;
  padding-bottom:16px!important;
}
.border { border:1px solid #ccc!important }
.modal-content {
  margin:auto;
  background-color:#fff;
  position:relative;
  padding:0;
  outline:0;
  width:80%;
}
.divorce-image {
  background-image: url('../images/engin-akyurt-Jw5Kth70hQo-unsplash.jpg');
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.custody-image {
  background-image: url('../images/nathan-dumlao-Wr3comVZJxU-unsplash.jpg');
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.estate-image {
  background-image: url('../images/ekaterina-shakharova-L4nwL3195U0-unsplash.jpg');
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.contact-image {
  background-image: url('../images/alvaro-serrano-hjwKMkehBco-unsplash.jpg');
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media ( max-width:600px ) { .modal-content { margin:0 10px; width:auto!important }  .modal { padding-top:30px } }
@media ( max-width:768px ) { .modal-content { width:500px } .modal { padding-top:50px } }