/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

@font-face {
  font-family: MuseoSans;
  src: url('../fonts/MuseoSans_100.otf');
  font-weight:100;
}

@font-face {
  font-family: MuseoSans;
  src: url('../fonts/MuseoSans_300.otf');
  font-weight:normal;
}

@font-face {
  font-family: MuseoSans;
  src: url('../fonts/MuseoSans_500.otf');
  font-weight:bold;
}


html {
    height: 100%;
    font-family:MuseoSans;
}

/* body {
  background: linear-gradient(to left top, blue, red) fixed;
} */

body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body{
  background:#35B290;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b7ea4+0,35b290+100 */
  background: rgb(43,126,164) fixed; /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(43,126,164,1) 0%, rgba(53,178,144,1) 100%) fixed; /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(43,126,164,1) 0%,rgba(53,178,144,1) 100%) fixed; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(43,126,164,1) 0%,rgba(53,178,144,1) 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7ea4', endColorstr='#35b290',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

header h1{
  font-size:85px;
  font-weight:100!important;
  letter-spacing: .07em;
}

p{
  font-size:18px;
  line-height: 1.7em;
  /* font-weight:100!important; */
}

.sub-text{
  margin-top:10px;
  opacity: .5;
}

#main{
  margin-top:100px;
}

header{
  color:#fff;
}

#logo{
  width:200px;
  padding: 20px 0;
}

#antibiograms-logo{
  /* max-width:400px; */
}

#right-side-content{
  padding-top:80px;
  color:#fff;
  font-family:MuseoSans;
}

#right-side-content p{
  font-weight:100;
}

#right-side-content .row{
  margin: 30px 0;
}

.btn{
  color:#35B290!important;
}

#button-icon{
  width:23px;
}

@media (max-width: 978px) {
  .col-md-6{
    padding:0;
  }
  #mobile-mockup{
    margin-top:20px;
    margin-bottom:20px;
  }
  #main{
    margin-top:0px;
  }

  #right-side-content{
    padding-top:0px;
  }
  img{
    width:100%;
  }
    .container {
      padding:0;
      margin:0;
    }

    body {
      padding:0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
      margin-left: 0;
      margin-right: 0;
      margin-bottom:0;
    }
}