/*
Theme Name: Law Firm Sites
Theme URI: http://www.lawfirmsites.com/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1
Author: Law Firm Sites
Author URI: http://www.lawfirmsites.com/
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: 
License URI: 
*/

/* FONT FACE
=================================*/
@font-face {
  font-family: Switzer;
  src: url('fonts/Switzer-Light.otf') format("opentype");
  font-weight: 300;
}
@font-face {
  font-family: Switzer;
  src: url('fonts/Switzer-Regular.otf') format("opentype");
  font-weight: normal;
}
@font-face {
  font-family: Switzer;
  src: url('fonts/Switzer-Medium.otf') format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: Gambarino;
  src: url('fonts/Gambarino-Regular.otf') format("opentype");
  font-weight: normal;
}

:root {
  /*FONT SIZE*/
  --px12: 0.75rem;
  --px14: 0.875rem;
  --px15: 0.938rem;
  --px16: 1rem;
  --px17: 1.063rem;
  --px18: 1.125rem;
  --px20: 1.25rem;
  --px21: 1.35rem;
  --px22: 1.375rem;
  --px23: 1.438rem;
  --px24: 1.5rem;
  --px25: 1.563rem;
  --px27: 1.688rem;
  --px29: 1.813rem;
  --px30: 1.875rem;
  --px32: 2rem;
  --px34: 2.125rem;
  --px35: 2.188rem;
  --px36: 2.25rem;
  --px38: 2.375rem;
  --px39: 2.438rem;
  --px40: 2.5rem;
  --px41: 2.563rem;
  --px42: 2.625rem;
  --px45: 2.813rem;
  --px46: 2.875rem;
  --px48: 3rem;
  --px50: 3.125rem;
  --px55: 3.438rem;
  --px57: 3.563rem;
  --px60: 3.75rem;
  --px65: 4.063rem;
  --px67: 4.188rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px80: 5rem;
  --px89: 5.563rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px105: 6.25rem;
  --px114: 7.125rem;
  --px125: 7.813rem;
  

  --Gambarino: 'Gambarino';
  --Switzer: 'Switzer';

  /*COLOR*/
  --Black: #000;
  --Red: #AA2B3D;
  --Blue: #033058;
  --Gray: #686963;
  --Green: #B4C292;
}


/* BODY
=================================*/

html { font-size: 0.833333vw; }

body { padding: 0; margin: 0; font-size: var(--px20); font-family:var(--Switzer); font-weight: 300; color: var(--Black); }

a:focus , a:hover { outline: none; text-decoration: none; }

.scroll { transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -webkit-transition: .6s; -o-transition: .6s; } 

.sub-menu , .repCasesBtn , a.imgHover:before ,
a , input , button , .sub-menu { transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }

img { max-width: 100%; width: auto; height: auto; }

a.imgHover { display: inline-block; position: relative; vertical-align: top; }

a.imgHover img { display: block; margin: 0; }

a.imgHover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

a.imgHover:hover:before { background-color: rgba(0,0,0,.5); }

.scroll.open { top: 0; }

.admin-bar .scroll.open { top: 32px; }

.scroll { position: fixed; display: none; top: -200px; left: 0; width: 100%; z-index: 5000; }

a.post-edit-link { display: inline-block; color: #fff; padding: .4rem 2rem; background-color: #000; font: 1.25rem; position: fixed; bottom: 1rem; left: 1rem; z-index: 3000; }

a.post-edit-link:hover { background-color: #333; }

section:before,section:after { clear: both; display: block; content: ''; }

h1,h2,h3,h4,h5,h6,p { margin: 0; }

h1 strong, h2 strong, h3 strong { font-weight:normal; }

h1 { font-size: var(--px48); font-family: var(--Gambarino); font-weight: normal; }

h2 { font-size: var(--px80); font-family: var(--Gambarino); font-weight: normal; line-height: var(--px90); }

h3 { font-size: var(--px36); font-family: var(--Gambarino); font-weight: normal; }

h4 { font-size: var(--px24); line-height:var(--px35); font-weight:300; }

h5 { font-size: var(--px18); }

h6 {}

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: transparent; color: #fff; border: none; }

.main-menu { list-style: none; padding: 0; margin: 0; }

.main-menu li { position: relative; padding: 0; }

.main-menu li a { display: block; font-weight: 700; font-size: var(--px20); line-height: var(--px36); }

.logo { display: inline-block; vertical-align: top; max-width: 27.875rem; margin: 0rem 0 0rem; vertical-align: top; }

ul.paginations { list-style:none; padding:; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; }

#header { background-size: cover; background-position: center top; background-image: url('images/banner-default.jpg'); }

/*.home #header { background-image: url('images/home-top-bg.png'); }*/
.home #header { background-image: url('images/home-top-bg4.jpg'); }

.bordered { border: 1px solid #686963; margin: 0 auto; max-width:108.813rem; }

.bordered-top { padding-top:3.75rem; }

.bordered-top .bordered { border-radius: 0.875rem 0.875rem 0 0; border-bottom: none; padding-top: 3.5rem; }

.bordered-bottom { padding-bottom:6.375rem; }

.bordered-bottom .bordered { border-radius: 0 0 0.875rem 0.875rem ; border-top: none; padding-bottom: 3.5rem; }


/* CONTACT FORM
=================================*/
.gform_confirmation_message { background-color: #ddffdd; color: #000; text-align: center; border: 2px solid #4CAF50; padding: 15px 20px; }

.form-wrap { margin: 0 auto; max-width:62.531rem; font-weight:300; font-size: var(--px20); padding: 5.6rem 0 10rem; }

.form-wrap label { font-weight: normal; }

.form-wrap h2 { font-weight:normal; margin-bottom: 2.75rem; font-size: var(--px65); }

.form-wrap h4 { margin: 0 auto 3.5rem; }

.form-wrap h2 strong { font-weight:normal; color: var(--Green); }

.form-wrap ul { list-style: none; padding: 0; }

.gform_fields { margin: 0; }

.gfield { width: 100%; position: relative; padding: 0; margin-bottom: 2.1rem; }

.gfield.hidden_label { margin-bottom:0; }

.gfield.hidden_label label.gfield_label { display:none; }

.gfield label.gfield_label { display:none; }

.gfield label.gfield_label span {  }

.form-wrap textarea,
.form-wrap input[type="tel"],
.form-wrap input[type="email"],
.form-wrap input[type="text"] { background-color: transparent; display: block; width: 100%; border: none; border-radius: 0; line-height: var(--px36); padding: 0 0 1.1rem; color: #fff; border-bottom: 1px solid var(--Green); 
  line-height: var(--px36); }

.form-wrap textarea { resize: none; height: 8.82rem; }

.gform_footer { text-align: center; padding-top: 2rem; }

.gform_footer input[type="submit"] { border-radius: 0; width: 12.188rem; height: 3.75rem; background-color: #fff; color: var(--Black); border: none; border-radius: 3.75rem; font-size:var(--px20); line-height:var(--px36); 
  font-weight:300; border: 1px solid #fff; }

.gform_footer input[type="submit"]:hover { background-color: transparent; color:#fff; }

.gfield.labelout label.gfield_label { top: -0.5rem; font-size: 0.925rem; left: 0; }

section.contact-bottom { background-image: url('images/contact-bg.jpg'); background-size: cover; background-position: center top; color: #fff; }

section.contact-bottom .bordered { border-color: var(--Green); }

.form-wrap *::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
.form-wrap *::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
.form-wrap *:-ms-input-placeholder { /* IE 10+ */ color: #fff; }
.form-wrap *:-moz-placeholder { /* Firefox 18- */ color: #fff; }

/* FOOTER
=================================*/

#footer { background-color:#000; color:#fff; }

#footer .div-block { font-size:var(--px20); font-weight:300; }

#footer .div-block h5 { font-size:var(--px25); line-height:var(--px41); font-weight:700; color:#686963; margin-bottom: 0.8rem; }

#footer .div-block p { line-height:var(--px36); margin-bottom: 1.3rem; }

#footer .div-block a { color:var(--Green); }

#footer .div-block a:hover { color:#fff; }

#footer .div-block .lfs {}

#footer .div-block .lfs a { display:inline-block; color: #fff; font-weight:300; }

#footer .div-block .lfs a:hover { color:var(--Green); }

#footer .div-block .lfs img { display:block; width:9.375rem; margin: 0.8rem auto 0; }

#footer .flex { gap: 0 5.625rem; }

#footer .bordered { padding-top: 5.3rem; }

.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap: 0 1.375rem;   margin-bottom: 1.6rem; }

/* HOMEPAGE
=================================*/

section.home-top { color: #fff; text-align:center; padding: 8.75rem 0 3.2rem; }

section.home-top .div-block { margin: 0 auto; max-width: 75rem; background-image: url('images/home-top-bg-2.jpg'); background-size: cover; background-position: center; color: #fff; padding-left: 11.563rem; padding-top:4.313rem; }

section.home-top .div-block figure { max-width:18rem; }

section.home-top .div-block .text-block { max-width: 30.75rem; order: 2; text-align: left; color: #000; padding: 5.8rem 0 0; }

section.home-top .div-block .flex { gap: 0 7.25rem; }

/*section.home-top h1 { font-size:var(--px114); line-height:var(--px125); margin-bottom: 3rem; }*/
section.home-top h1 { font-size:var(--px69); line-height:var(--px89); margin-bottom: 3rem; }

section.home-top h1 strong { color:var(--Green); }

section.home-top h4 { margin-bottom: 2.5rem; }

section.home-top p {}

section.home-top p a {}

section.home-top p a + a { margin-left:0.688rem; }

a.Btn { display:inline-block; vertical-align:top; border: 1px solid #fff; font-size:var(--px20); line-height:var(--px35); font-weight:300; color: #fff; padding: 0.7rem 2.25rem; border-radius:3.75rem; }

a.Btn:hover { background-color:#fff; color:var(--Black); }

section.home-main { color:#fff; }

section.home-main hr { margin: 7.188rem auto; border-color:#686963; max-width:67.688rem; }

section.home-main .div-block { margin:0 auto; max-width: 90rem; }

section.home-main figure { max-width:35.625rem; }

section.home-main .text-block { max-width:49.063rem; padding-top: 1rem; } 

section.home-main .text-block h2 { font-size:var(--px57); line-height:var(--px67); margin-bottom: 1.8rem; }

section.home-main .text-block h2 strong { color:var(--Green); }

section.home-main .text-block p { line-height:var(--px35); margin-bottom: 2.1rem; font-size:var(--px25); }
/*
.home #header .bordered { border: 1px solid #686963; border-radius:0.875rem; padding-bottom: 8rem; }

.home #header { padding-bottom:7rem; }
*/
section.secondary-content { background-color:#f7f7f7; padding: 9.8rem 0 6.6rem; }

section.secondary-content h2 { font-size:var(--px57); line-height:var(--px67); color: var(--Gray); margin-bottom: 8.2rem; }

section.secondary-content h3 { font-size:var(--px40); line-height:var(--px50); margin-bottom: 1.3rem; }

section.secondary-content p { line-height:var(--px36); }

section.secondary-content .text-block { max-width:42.188rem; }

section.secondary-content .text-block hr { border-color:var(--Green); margin: 1rem 0 2.3rem; }

/*section.secondary-content figure { max-width:35.625rem; margin-bottom: -4.188rem; }*/
section.secondary-content figure { max-width:35.625rem; }

section.home-testimonials { padding: 10.6rem 0 8.875rem; background-size:cover; background-position:center; background-image: url('images/home-testi-bg.jpg'); }

section.home-testimonials h3 { font-size:var(--px57); line-height:var(--px67); color:var(--Gray); margin-bottom: 5.1rem; }

section.home-testimonials h3 strong { color:var(--Green); }

section.home-testimonials p { line-height:var(--px48); font-size:var(--px32); }

section.home-testimonials h5 { font-size:var(--px25); line-height:var(--px35); color:var(--Gray); font-weight:700; margin-bottom: 2.8rem; }

.home-testi-wrap { position:relative; max-width: 77.438rem; margin: 0 auto; padding-left: 8.438rem; }

.home-testi-wrap svg { width:6.188rem; }

.home-testi-wrap figure { position:absolute; top:0; left:0; }

.home-testi-wrap .text { margin-bottom: 2.6rem; }

.slick-dots { position:relative; bottom:unset; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem .5rem; }

.slick-dots li { width:auto; height:auto; margin: 0; }

.slick-dots li button { width:1rem; height:1rem; border: 2px solid var(--Gray); border-radius: 1rem; }

.slick-dots li.slick-active button { background-color:var(--Green); border-color:var(--Green); width:2rem; }

.slick-dots li button:before { display:none; }

.slick-dotted.slick-slider { margin:0; }


/*HOMEPAGE VIDEO*/
.yt-video-cont {
    max-width: 1041px;
    width: 59.793222%;
    margin: 0 auto;
    position: relative; 
 }
 #yt-vid-sec .bordered {
    padding: 41px 0 68px;
 }
 .yt-poster {
  width: 100%;
  /*height: 200px;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent none no-repeat center center / cover scroll;
  display: flex;
  align-items: center;
  justify-content: center;

 }
.yt-video iframe {
    width: 100%;
    min-height: 28.906vw /*555px*/;
}
.yt-video {
    min-height: 28.906vw /*555px*/;
}
.yt-video video {
  width: 100%;
  left: 0;
  right: 0;
}
.yt-video .ytp-fit-cover-video .html5-main-video {
    left: 0!important;
    width: 100%!important;
}



.yt-video .posterframe {
    position: absolute; 
    display: block; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 20; 
    cursor: pointer; 
}
.yt-video .yt-player {
    position: absolute; 
    display: block; 
    /*background: url(assets/images/yt-player.png) no-repeat 0 0; */
    top: 37%; 
    left: 43.5%; 
    width: 6.823vw/*131px*/; 
    height: 8.021vw/*154px*/; 
    z-index: 30; 
    cursor: pointer; 
} 
.yt-video iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
 
.yt-video.player .posterframe { 
    display: none; 
}
.yt-video.player .yt-player { 
    display: none; 
}
/*HOMEPAGE VIDEO*/


/* INNER PAGE
=================================*/

section.page-top-banner { text-align:center; color: #fff; padding: 5.3rem 0 4.188rem; }

section.page-top-banner .page-title {}

section.page-top-banner .page-title h1 { font-size:var(--px80); line-height:var(--px90); }

figure.signing-img { max-width:35.625rem; }

figure.dolls { max-width:35.625rem; }

figure.contact-img { max-width:35.625rem; }

section.inner-page { padding: 8rem 0 4.9rem; position:relative; overflow:hidden; }

article.the-content { margin: 0 auto; max-width: 74.25rem; }

article.the-content.full { max-width:unset; }

article.the-content h2 { font-size:var(--px40); line-height:var(--px50); color: var(--Gray); margin: 0 0 1.8rem; }

article.the-content h2 strong { color:var(--Green); }

article.the-content h3 { font-size:var(--px29); line-height: var(--px39); color:var(--Gray); color: var(--Black); }

article.the-content h3 strong { color:var(--Green); }

article.the-content h4 {}

article.the-content h5 {}

article.the-content p { line-height:var(--px36); margin-bottom: 2.2rem; }

article.the-content p a { color:var(--Green); font-weight: 700; }

article.the-content p a:hover { color:var(--Gray); }

article.the-content ul { line-height:var(--px36); list-style: none; margin: 0 0 2.2rem; padding:0; }

article.the-content ul li { padding-left: 1.3rem; position: relative; }

article.the-content ul li:before { content:''; width:.5rem; height:.5rem; background-color:var(--Green); display:block; position:absolute; top:.9rem; left:0; border-radius:100%; }

article.the-content ul li a { color:var(--Black); }

article.the-content ul li a:hover { color:var(--Green); }

article.the-content a.Btn { border-color:var(--Green); }

article.the-content a.Btn:hover { background-color:var(--Green); color:var(--Black); }

section.gray-section { background-color:rgba(104,105,99,.05); padding: 6.9rem 0 6.3rem; position:relative; }

.contact-text { padding: 3.1rem 0 0; }

.contact-text p + h3 { margin:4.7rem 0 1.3rem; }

.about-flex figure { max-width:35.625rem; }

article.the-content .about-flex h2 { font-size:var(--px57); line-height:var(--px67); }

.about-flex { padding-bottom: 4rem; }








@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  .about-flex .text-block { max-width:49.063rem; }

  .mobile-show { display:none !important; }

  figure.alignright { float:right; margin-left: 4.625rem; }
  
  figure.alignleft { float:left; margin-right: 4.625rem; }

  section.home-testimonials h5 { margin-left:-8.438rem; }

  .slick-dots { width:auto; margin-left:-8.438rem; }

  .copyright { text-align:right; }

  #footer .div-block:first-child { margin-right:1.875rem; }

  #footer .div-block .lfs img { margin-right: 0; }

  #footer .div-block:last-child { margin-left: auto; text-align:right; }

  .gform_fields { display:flex; flex-wrap:wrap; justify-content:space-between; }

  .gfield--width-half { max-width:29.719rem; }

  .w100, .w100 img { width:100%; }

  .container { width: 100%; position:relative; }

  .scroll { display: block; }

  .flex { display: flex; flex-wrap: wrap; }

  .between { justify-content: space-between; }

  .align-start { align-items: flex-start; }

  .wrap { margin: 0 auto; max-width: 90rem; }

  .wrap2 {  }

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 4.563rem; margin-top: 1rem; }

  .main-menu li { position: relative; }
  
  .main-menu li a { color:#fff; }

  .main-menu > li { display: inline-block; padding-bottom: .6rem; }
  
  .main-menu > li > a { }
  
  .main-menu > li:hover > a { color: rgba(255,255,255,.8); text-decoration: underline; }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: 0; width: 220px; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; }

  .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
  
  .main-menu > li > .sub-menu > li { display: block; }
  
  .main-menu > li > .sub-menu > li > a { padding: 10px 15px; color: #fff; }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(0,0,0,.5); }

  .home section.contact-bottom { padding-top: 4.15rem; }

}

@media ( min-width: 992px ) and ( max-width: 1399px ) {

  :root {

    /*FONT SIZE*/
    --px12: 0.95rem;
    --px14: 1.075rem;
    --px15: 1.138rem;
    --px16: 1.2rem;
    --px17: 1.263rem;
    --px18: 1.325rem;
    --px20: 1.45rem;
    --px21: 1.55rem;
    --px22: 1.575rem;
    --px28: 1.95rem;
  }

  .page-id-34 article.the-content p { overflow:hidden; }

  .page-id-36 article.the-content p br { display:none; }



}

@media ( max-width: 991px ) {

  html { font-size: 16px; }

  body { padding-top: 3.563rem; }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; background-color:#0F0106; padding-top: 0.7rem; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav { background-color:#0F0106; position:absolute; top: 100%; left:0; width:100%; margin:0; }

  body.mean-container a.meanmenu-reveal { width: 43px; padding: 0; height: auto; color: var(--Green); left: 0 !important; margin: 0rem auto 0rem; top:0.938rem; }

  body.mean-container a.meanmenu-reveal span { height: 3px; background-color: var(--Green); }

  body.mean-container a.meanmenu-reveal span + span { margin-top:0.375rem; }

  body.mean-container .mean-nav ul li a.mean-expand { height: auto; padding: 11px 12px !important; }

  .logo { display:none; }

  .mobile-show { display:block !important; }

  #header, #yt-vid-sec { padding: 2.5rem 1rem 0; }

  #yt-vid-sec {
    padding-top: 0;
  }
  section.page-top-banner .page-title h1,
  .form-wrap h2,
  section.home-testimonials h3,
  section.secondary-content h2,
  section.home-main .text-block h2,
  section.home-top h1 { font-size:var(--px40); line-height:var(--px50); }

  .mobile-logo { margin-bottom: 3rem; padding: 0 .875rem; }

  section.home-top { padding-top:0; }

  section.home-top h4 { font-size:var(--px20); line-height:var(--px36); }

  section.home-top p { display: flex; flex-wrap:wrap; flex-direction:column; justify-content:center; gap: 0.813rem; }

  section.home-top p a + a { margin-left:0; }

  section.home-main hr { margin: 2.988rem auto 1.488rem; }

  section.home-main figure { margin: 0 -2rem; }

  section.home-main .text-block h2 {  }

  section.home-main .text-block p { font-size:var(--px20); line-height:var(--px36); }

  section.home-main .text-block { padding-top: 5rem; }

/*  .home #header .bordered { padding-bottom: 1.9rem; }*/

  .home #header { padding-bottom:4.625rem; }

  .main-menu li a { font-size:var(--px16); line-height:normal; }

  section.secondary-content figure { display:none; }

  section.secondary-content { padding: 5.4rem 0 3.4rem; }

  section.secondary-content h3 { font-size:var(--px29); line-height:var(--px39); }

  section.secondary-content h2 { margin-bottom: 4rem; }

  section.home-testimonials { padding: 4.3rem 0 4.875rem; }

  .home-testi-wrap { padding-left:0; }

  .home-testi-wrap figure { position:relative; }

  .home-testi-wrap svg { width:4.125rem; }

  section.home-testimonials h3 { margin-bottom: 3.7rem; }

  section.home-testimonials p { font-size:var(--px25); line-height:var(--px40); }

  section.home-testimonials h5 { text-align:left; }

  #footer,
  section.contact-bottom { padding-left:1rem; padding-right:1rem; }

  .form-wrap h4 { font-size:var(--px20); line-height:var(--px36); }

  .form-wrap { padding:0 0 2.875rem; }

  #footer { text-align:center; }

  section.page-top-banner { padding: 0 0 4.188rem; }

  section.gray-section,
  section.inner-page { padding: 4.1rem 0 2.2rem; }

  figure.alignright, figure.alignleft { margin-bottom: 3rem; }

  .contact-text { padding: 0 0 0; }

  .contact-text p + h3 { margin: 2.7rem 0 1.3rem; }

  article.the-content .about-flex h2 { font-size:var(--px40); line-height:var(--px50); }

  .about-flex figure { margin-bottom: 2.5rem; }

  section.home-top .div-block { padding:0 1.5rem 0; text-align: center; text-align: center ;}

  section.home-top .div-block .text-block { padding: 3rem 0 0; text-align: center; }

  section.home-top .div-block figure { overflow: hidden; max-height: 27rem; }

  .home #header { padding-bottom: 0; }

}

@media ( max-width: 768px ) {
  .yt-video iframe,
  .yt-video .posterframe,
  .yt-video .posterframe img,
  .yt-video {
    min-height: 400px;
    max-height: 400px;
  }
  .yt-video .posterframe,
  .yt-video .posterframe img {
    object-fit: contain;
  }
  .yt-video {
    width: 100%;
    max-width: 100%;
  }
  .yt-player {
    width: 55px;
    /*height: 65px;*/
  }
  .yt-video-cont {
    width: 85%;
  }
}
@media ( max-width: 500px ) {
  .yt-video .yt-player {
    top: 43%;
  }
  .yt-video iframe, .yt-video .posterframe, .yt-video .posterframe img, .yt-video {
    min-height: 200px;
    max-height: 200px;
  }
}
@media ( max-width: 399px ) {

  section.home-main figure { margin: 0px -1.95rem; }

}