/* CSS FOR ds2communicate - STYLES FOR SPECIFIC SCREEN SIZES */


/* .SHELL - GRANULAR FOR LARGE SIZES */
@media (max-width: 1920px) { div.shell { width:66.77%; max-width:1282px; } }
@media (min-width: 0.00001px) { div.shell { width:98%;  } }
@media (min-width: 576px) { div.shell { width:93%;  } }
@media (min-width: 768px) { div.shell { width:83%;  } }
@media (min-width: 992px) { div.shell { width:83.04%;  } }
@media (min-width: 1370px) { div.shell { width:97.12%; } }
@media (min-width: 1420px) { div.shell { width:93.58%; } }
@media (min-width: 1470px) { div.shell { width:90.28%; } }
@media (min-width: 1520px) { div.shell { width:87.21%; } }
@media (min-width: 1515px) { div.shell { width:84.34%; } }
@media (min-width: 1570px) { div.shell { width:81.66%; } }
@media (min-width: 1620px) { div.shell { width:79.14%; } }
@media (min-width: 1670px) { div.shell { width:76.77%; } }
@media (min-width: 1720px) { div.shell { width:74.53%; } }
@media (min-width: 1770px) { div.shell { width:72.43%; } }
@media (min-width: 1820px) { div.shell { width:70.44%; } }
@media (min-width: 1870px) { div.shell { width:68.56%; } }
@media (min-width: 1920px) { div.shell { width:66.77%; max-width:1282px; } }



div.lead img { display:block; }

.logo-md img.debug { outline:1px solid orangered;}

@media (max-width: 991px) {
  div#logo {
    display:none;
  }
  a.logo-md {
    display:inline !important;
    width:auto !important;
  }
  .logo-md img {
    max-width:80%;
  }
  .logo-lg {
    display:none;
  }
}


@media (min-width: 992px) {
  .logo-md {
    display:none;
  }
  .logo-lg {
    display:block;
  }
  div#logo {  
    margin:0 auto;
    text-align:center;
  }
  div#logo {
    padding:0.75rem 0 0 0;
  }
  div#logo img {
    max-width:80%;
  }
  div#menu div.navbar-nav .nav-link {
    font-size:1.35rem;
    margin-left:0;
    margin-right:0;
  }
  div#menu div.navbar-nav span.divider {
    font-size:1.35rem;
  }
}










@media (min-width: 1150px) {
  div#logo {
    padding:0.75rem 0 0 0;
  }
  div#logo img {
    max-width:80%;
  }
  div#menu div.navbar-nav .nav-link {
    font-size:1.5rem;
    margin-left:0.2rem;
    margin-right:0.2rem;
  }
  div#menu div.navbar-nav span.divider {
    font-size:1.5rem;
  }
}



@media (max-width: 1270px) {
  div.main {   
    font-size:16pt;
    line-height:20pt;
  }
}




@media (min-width: 1370px) {
  div#logo {
    padding:0.75rem 0 0 0;
  }  
  div#logo img {
    max-width:100%;
  }
  div#menu div.navbar-nav .nav-link {
    font-size:1.9rem;
    margin-left:0.75rem;
    margin-right:0.75rem;
  }
  div#menu div.navbar-nav span.divider {
    font-size:1.9rem;
  }
}


/* MENU DECORATION */


@media (max-width: 991px) {
  span.divider {
    display:none;
  }

  a.nav-link {
    font-size:2rem;
    padding:0;
    border-top:1px solid #ffffff40;
    border-bottom:1px solid #ffffff40;
  }

  div#menu a:hover,
  div#menu a:focus,
  div#menu a:active {    
    border-bottom:1px solid transparent;
  }
}




/* LEAD TITLE */



@media (max-width: 991px) {
  div.lead-title {
    font-size:24pt;
    line-height:120%;
    font-weight:bold;  
    color:#f2b3d2;
    background-color:#00000070;
    padding:0 0.75rem;
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 0;
  }
}

@media (max-width: 768px) {
  div.lead-title {
    font-size:18pt;
    line-height:140%;
    font-weight:bold;  
    color:#f2b3d2;
    background-color:#00000070;
    padding:0 0.5rem;
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 0;
  }
}


@media (max-width: 1400px) {
  .speech-bubble cite {   
    bottom: -2.2rem !important;    
    font-size:80% !important;
    line-height:110% !important;
  }
}

@media (max-width: 1090px) {
  .speech-bubble cite {   
    bottom: -3.2rem !important;    
    font-size:80% !important;
    line-height:110% !important;
  }
}


/* MAIN */



@media (max-width: 768px) {
  div.main-1 {
    padding:14px 7px 14px 7px !important;    
  }
  div.main-21-1 {
    padding:14px 20px 14px 0 !important;
  }
  div.main-21-2 {
    padding:14px 20px 14px 7px !important;    
  }
  img.daphna-photo {
    max-width:50%;
  }
  div.case-study-text {
    column-count:1;
  }

  .speech-bubble cite {   
    bottom: -4.2rem !important;    
    font-size:80% !important;
    line-height:110% !important;
  }



}

/* MAIN */


@media (max-width: 992px) {
  div.main-1 {
    padding:14px 20px 14px 20px !important;    
  }
  div.main-21-1 {
    padding:14px 20px 14px 0 !important;
  }
  div.main-21-2 {
    padding:14px 20px 14px 20px !important;    
  }
  img.daphna-photo {
    max-width:40%;
  }
  div.main div.panels div.card {
    border:2px solid #441531;    
  }
  div.main div.panels div.card div.card-body {
    color:#fff;
    font-size:14pt;
    line-height:120%;
    padding:0.5rem;
  }

  .speech-bubble cite {   
    bottom: -4.2rem !important;    
    font-size:80% !important;
    line-height:110% !important;
  }

}


@media (max-width: 768px) {
  .speech-bubble-7 cite {
    bottom:-6rem !important;
    font-size:75% !important;
    line-height:100% !important;
  }
}




/*div.shell {
  max-width:1270px;
}*/