/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.business-header {
  height: 90vh;
  min-height: 300px;
  background: url('/img/feminist-floor-graffiti.jpg') center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  box-shadow: inset 0 0 0 1000px rgba(182,212,136,0.4);
  -webkit-border-radius: 10px;
-webkit-border-bottom-right-radius: 35px;
-webkit-border-bottom-left-radius: 35px;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 35px;
border-radius: 10px;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;
}

.contact-container {
  background: url('/img/contact-background.jpg') center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
box-shadow: inset 0 0 0 1000px rgba(182,212,136,0.2);
margin-top: -2rem;
margin-bottom: -2rem;
}


nav {
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

button {
  -webkit-border-radius: 35px !important;
-moz-border-radius: 35px !important;
border-radius: 35px !important;
}

.btn {
  -webkit-border-radius: 35px !important;
-moz-border-radius: 35px !important;
border-radius: 35px !important;
}


#tagline {
  font-size: 2.25rem !important;
}


@media (max-width: 374px) {
  #tagline {
    margin-top: 5rem !important;
  }
  .business-header {
    height: 65vh !important;
}
 .navbar-brand{
   font-size: 0.8rem;
 }
}

@media (min-width: 375px) and (max-width:767px){
  #tagline {
    margin-top: 7.5rem !important;
  }
  .business-header {
    height: 65vh !important;
}
 .navbar-brand{
   font-size: 0.9rem;
 }
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
  .business-header {
    height: 60vh !important;
}
.navbar-brand-mobile {
  font-size: 1.25rem !important;
}
}

@media (min-width: 1024px) {
  .navbar-brand-mobile {
    font-size: 1.25rem !important;
  }
}

#what-i-do {
  padding-bottom: 5rem;
}

#expertise {
  padding-top: 5rem;
  padding-bottom: 5rem;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#expertise h5 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

#expertise h2 {
  margin-bottom: 4rem;
  margin-top:1rem;
}

#expertise button {
  margin-bottom: 2rem;
}

.expertise-box {
  min-height: 8rem;
}

.expertise-box-ru {
  min-height: 12rem;
}

#publications {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#publications h2 {
  margin-bottom: 2rem;
  margin-top:1rem;
}

.publications-box {
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding-top: 2rem;
padding-bottom: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}

.publications-box h4 {
  margin-bottom: 1rem;
  min-height: 3rem;
}

#endorsements {
  padding-top: 5rem;
  padding-bottom: 5rem;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
z-index: 500;
  position: relative;
}

#endorsements h5 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  min-height: 4rem;
}

#endorsements h2 {
  margin-bottom: 4rem;
  margin-top:1rem;
}

#worked-with {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

#worked-with h1 {
  margin-bottom: 4rem;
  margin-top:1rem;
}

#worked-with .col-md-2 {
padding-right: 0px !important;
padding-left: 0px !important;
}

.collab-logo {
  padding: 0.5rem;
  text-align: center;
  max-width: 150px;
  height: auto;
  margin-bottom: 1rem;
}

#angelika-portrait {
  -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin-top: 3rem;
}

#second-para {
  margin-top: 1rem;
}

#russian-org-title {
  font-size: 2rem !important;
}

.card {
  height: 100%;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}

.carousel-item {
  margin-bottom: 5rem;
  min-height: 11rem;
}

#contact {
  padding-top: 7rem;
  padding-bottom: 5rem;
}

.contact-box {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.contact-box i {
  margin-bottom: 1rem;
}

footer {
  -webkit-border-top-left-radius: 35px;
-webkit-border-top-right-radius: 35px;
-moz-border-radius-topleft: 35px;
-moz-border-radius-topright: 35px;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
}
/*Colour Management*/

.brand-green-text {
  color: #87bf9d !important;
}

.brand-green {
  background-color: #87bf9d !important;
}

.brand-light-green {
  background-color: #b6d488 !important;
}

.brand-light-green-text {
  color: #b6d488 !important;
}

.brand-blue {
  background-color: #002d43 !important;
}

.brand-blue-text {
  color: #002d43 !important;
}

.white {
  background-color: #ffffff;
}

.nav-item a {
  color: #002d43 !important;
}

.nav-item a:hover {
  color: #002d43 !important;
  text-decoration: underline;
}

/*typography*/
.Comfortaa {
  font-family: 'Comfortaa', cursive;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

.modal-title {
  font-family: 'Comfortaa', cursive;
  color: #002d43 !important;
}

.modal-body a {
  color: #43002d;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-style:dashed;
}

.modal-body a:hover {
  text-decoration: underline;
  color: #43002d;
  font-weight: 700;
}


/*flag icons*/

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  margin-left: 0.5rem;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ru {
  background-image: url(/img/flags/ru.svg);
}

.flag-icon-us {
  background-image: url(/img/flags/us.svg);
}