body header {z-index:10;box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}

.section-one {height: 47vw;background: #575757;}
#slider {
  position:relative;
  height:47vw;
  overflow: hidden;
  background-image: url('/assets/images/backgroundslide.jpg');
background-size: cover;
}

.slide {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity .3s ease;
  opacity: 0;
  animation:slideFadeIn .5s ease;
}

@keyframes slideFadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
.section-one .video-background {position:absolute;width:100%;height:auto;}
.section-one .video-background video {width:100%;}
.section-one .video-filter {display: block;position: absolute;top: 0;height: 100%;width: 100%;background: rgba(71, 70, 74, 0.25);}
/*.section-one .slide {background-size: cover;background-position: 50% 36%;height: 47vw;overflow: hidden;position:relative;}
.section-one .slide .background-image {background-image: url('/assets/images/slide-one-background.jpg');height: 100%;width: 100%;background-size: 105%;z-index: 0;position: absolute;top: 0;animation-name:backgroundZoom;animation-duration:8s;transform:scale(1.2);}
*/
.section-one .slide .title {color: white;font-size: 3.5vw;text-align: center;padding-top: 17vw;width: 50vw;margin: 0 auto;font-family: 'Playfair Display';animation:titleFade 2s ease forwards;position: relative;text-shadow: 1px 1px 2px black;}

.section-one .slide .subtitle {opacity:0;color: white;text-align: center;font-size: 2vw;position: relative;font-family: 'Playfair Display';text-shadow: 1px 1px 2px black;animation:titleFade 2s ease forwards;animation-delay:.6s;display:none;}

@keyframes backgroundZoom {
    0% {transform:scale(1);}
    100% {transform:scale(1.2);}
}

@keyframes titleFade {
    0% {opacity:0;}
    30% {opacity:0;}
    100% {opacity:1;}
}

.section-two {padding: 3vw 14vw 0;background: white;padding-bottom:4vw;}
.section-two .pretitle {text-align: center;font-size: 1.1vw;line-height:1.9vw;}
.section-two .line {height: 2px;background: #e0e0e2;width: 30vw;margin: 1vw auto;}
.section-two .title {font-size: 3.2vw;text-align: center;font-family: 'Playfair Display';}
.section-two .subtitle {font-family: 'Playfair Display';font-weight: 400;text-align: center;font-size: 1.8vw;margin: 1.5vw auto;line-height: 2.8vw;width: 92%;}
.section-two .subtitle2 {font-family: 'Lato', sans;font-weight: 400;text-align: center;font-size: 1.5vw;margin: 1.5vw auto;margin-top: .5vw;line-height: 2.8vw;width: 92%;}

.section-two .left {display: inline-block;width: 45%;}
.section-two .left h2 {text-align: left;font-size: 1.8vw;margin: 1.5vw 0;line-height: 2.8vw;font-family: 'Playfair Display';font-weight: 300;}
.section-two .left p {}
.section-two ul li a {font-size: 1vw;line-height: 1.5;word-spacing: .2vw;margin: 1.8vw 0; color:#615d6a;text-decoration:none;}
.section-two ul li a:hover {color:#38a4d9;}
.section-two .right {display: inline-block;width: 45%;vertical-align: top;margin-left: 4%;}
.section-two .right p {}
.section-two .right .form-container {background: #38a4d9;color: white;padding: 1vw;}
.section-two .right .form-container .form-inner-container {height: 25vw;margin: 3vw;border: 1px solid white;padding: 1.5vw;}
.section-two .right .form-container .title {font-size: 1.7vw;font-family: 'Lato';}
.section-two .right .form-container iframe {width: 92%;height: 93%;border: 0;margin: 1vw auto 0;display: block;}

.section-three {height: 57vw;background-image: url('/assets/images/practice-areas-section-background.jpg');background-size: cover;background-position: center center;padding-top: 4vw;background-size: 133% !important;box-shadow: none !important;}
.section-three .title {font-size: 3.2vw;text-align: center;font-family: 'Playfair Display';}
.section-three .subtitle {text-align: center;font-size: 1.2vw;margin: 1vw 0;}
.section-three .practice-area-container {width: 82%;margin: 5vw auto 0;text-align: center;}
.section-three .practice-area-container .area {width: 30%;display: inline-block;vertical-align: top;background: black;height: 19vw;margin-bottom: .5vw;margin-right: .5vw;color: white;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);background-size:cover;transition:box-shadow .3s ease;position:relative;opacity:0;}
.section-three .practice-area-container .area:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.section-three .practice-area-container .area .background-filter {position: absolute;height: 100%;width: 100%;background: rgba(0,0,0,.4);top: 0;left: 0;transition:background .3s ease;}
.section-three .practice-area-container .area:hover .background-filter {background: rgba(0,0,0,0);}
.section-three .practice-area-container .area .title {font-size: 1.4vw;margin-top: 6vw;font-family: 'Lato';position:relative;}
.section-three .practice-area-container .area .button {background: white;color: black;width: 56%;margin: 1.5vw auto 0;padding: .8vw .5vw;font-size: 1.4vw;transition:background .3s ease, color .3s ease;position:relative;}
.section-three .practice-area-container .area:hover .button {background:#38a4d9; color:white;}
.section-three .practice-area-container .area.one {background-image:url('/assets/images/banking-finance.jpg');}
.section-three .practice-area-container .area.two {background-image:url('/assets/images/business-commercial-law.jpg');animation-delay:.1s;}
.section-three .practice-area-container .area.three {background-image:url('/assets/images/real-estate-law.jpg');animation-delay:.2s;}
.section-three .practice-area-container .area.four {background-image:url('/assets/images/probate-estate-administration.jpg');}
.section-three .practice-area-container .area.five {background-image:url('/assets/images/construction-law.jpg');animation-delay:.1s;}
.section-three .practice-area-container .area.six {background-image:url('/assets/images/appellate.jpg');animation-delay:.2s;}

.section-four {padding-top: 5vw;padding-bottom: 5vw;background:white;position:relative;}
.section-four .title {font-size: 3.2vw;text-align: center;font-family: 'Playfair Display';}
.section-four .subtitle {text-align: center;font-size: 1.1vw;margin: .5vw 0 2.8vw;}
.section-four .profiles-container {margin: 0 auto;width: 82%; overflow: hidden;}
.section-four .profiles-container .profiles-inner-container {transition:margin .3s ease;text-align:center;}
.section-four .profiles-container .profiles-inner-container .profile {display: inline-block;vertical-align: top;width: 14vw;margin-right: 1%;margin-top: 1.3%;background: #e0e0e2;}
.section-four .profiles-container .profiles-inner-container .profile img {width: 100%;transition:filter .3s ease;}
.section-four .profiles-container .profiles-inner-container .profile:hover img {filter: grayscale(.5);}
.section-four .profiles-container .profiles-inner-container .profile .title {color: #837f8a;font-size: 1.5vw;margin-top: .4vw;transition:letter-spacing .3s ease;}
.section-four .profiles-container .profiles-inner-container .profile:hover .title {letter-spacing: .03vw;}
.section-four .profiles-container .profiles-inner-container .profile .subtitle {color: #837f8a;margin-bottom: .8vw;}
.section-four .arrow-left {position: absolute;left: 4%;top: 53%;transition:transform .3s ease;}
.section-four .arrow-left:hover {cursor:pointer;transform:scale(1.1);}
.section-four .arrow-left img {width:1.7vw;}
.section-four .arrow-right {position: absolute;right: 4%;top: 53%;transition:transform .3s ease;}
.section-four .arrow-right:hover {cursor:pointer;transform:scale(1.1);}
.section-four .arrow-right img {width:1.7vw;}

.section-map {background-image: url('/assets/images/colorado-arkansas-map.jpg');background-size: cover;padding: 4.5vw 0;background-size: 115%!important;box-shadow:none !important;}
.section-map .text-container {width: 55%;margin: 0 auto;text-align: center;background: #615d6b;color: white;padding-top: 2vw;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.section-map .text-container .left {display: inline-block;width: 48%;vertical-align: top;}
.section-map .text-container .left .title {font-size: 1.7vw;text-transform: uppercase;}
.section-map .text-container .left p {line-height: 0;}
.section-map .text-container .left a.map {font-size: 1.5vw;text-decoration: underline;color:white;}
.section-map .text-container .line {display: inline-block;height: 9.5vw;width: 5px;background: #534f5e;margin-top: 2vw;}
.section-map .text-container .right {display: inline-block;width: 48%;vertical-align: top;}
.section-map .text-container .right .title {font-size: 1.7vw;text-transform: uppercase;}
.section-map .text-container .right p {line-height: 0;}
.section-map .text-container .right a.map {font-size: 1.5vw;text-decoration: underline;color:white;}
.section-map .text-container .button {background: #38a4d9;font-size: 1.6vw;padding: 1.5vw;margin-top: 2vw;display: block;width: 100%;color: white;border-style: none;-webkit-appearance: none;}
.section-map .text-container .button:hover {cursor:pointer;text-decoration: underline;}

@media (max-width:850px) {
    .section-one {height:115vw;}
    .section-one #slider {height:115vw;}
    .section-one .slide {height:115vw;}
    .section-one .video-background {height:100%;}
    .section-one .video-background video {height: 100%;width: auto;margin-left:-53%;}
    .section-one .slide .background-image {background-size:203%;}
    .section-one .slide .title {padding-top:37vw;font-size:7.5vw;width:73vw;}
    .section-one .slide .subtitle {font-size:4vw;}
    .section-two {padding:10vw 6vw 4vw;}
    .section-two ul li a {font-size:4vw;}
    .section-two .pretitle {font-size:3.1vw;}
    .section-two .line {width:39vw;height:3px;margin:4vw auto 2vw;}
    .section-two .title {font-size:8vw;}
    .section-two .subtitle {font-size:4.7vw;line-height:5.8vw;}
    .section-two .subtitle2 {font-size:4.4vw;line-height:5.8vw;}

    .section-two .left {display:block;width:100%;margin-top:7vw;}
    .section-two .left h2 {font-size:4.8vw;margin:3.5vw 0;line-height:5.8vw;}
    .section-two .right {display:block;width:100%;margin-left:0;}
    .section-two .right .form-container .form-inner-container {height:93vw;}
    .section-two .right .form-container .title {font-size:4.7vw;}
    .section-two .small-print {font-size:2vw !important;line-height:3.5vw !important;}
    .section-three {height:138vw;background-size:244% !important;}
    .section-three .title {font-size:8vw;}
    .section-three .subtitle {font-size: 4.7vw;width: 80%;margin: 1vw auto;}
    .section-three .practice-area-container .area {width:47%;height:32vw;}
    .section-three .practice-area-container .area .title {font-size: 4vw;width: 90%;margin: 6vw auto 0;}
    .section-three .practice-area-container .area .button {width:72%;font-size:4vw;}
    .section-four .title {font-size:8vw;}
    .section-four .subtitle {font-size: 4.7vw;margin: .5vw auto 4vw;width: 80%;}
    .section-four .profiles-container {width:80%;}
    .section-four .profiles-container .profiles-inner-container .profile {height:auto;width:37vw;margin-bottom:1vw;margin-top: 0;}
    .section-four .profiles-container .profiles-inner-container .profile .title {font-size:4vw;}
    .section-four .profiles-container .profiles-inner-container .profile .subtitle {font-size:3vw;}
    .section-four .arrow-left {left: 1%;top: 43%;height: 24vw;padding-top: 13vw;padding-left: 3vw;}
    .section-four .arrow-left img {width: 3.7vw;}
    .section-four .arrow-right {right: 1%;top: 43%;height: 24vw;padding-top: 13vw;padding-right: 3vw;}
    .section-four .arrow-right img {width: 3.7vw;}
    .section-map .text-container {width:92%;}
    .section-map .text-container .left .title {font-size:4.7vw;}
    .section-map .text-container .left p {line-height:3.5vw;font-size:3.5vw;}
    .section-map .text-container .right .title {font-size:4.7vw;}
    .section-map .text-container .right p {line-height:3.5vw;font-size:3.5vw;}
    .section-map .text-container .left a.map {font-size:4vw;}
    .section-map .text-container .right a.map {font-size:4vw;}
    .section-map .text-container .button {font-size:4.6vw;}
    .section-map .text-container .line {height:36.5vw;width:2px;}
}