/* playfair-display-regular - latin */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('playfair-display-v30-latin/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('playfair-display-v30-latin/playfair-display-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* oswald-regular - latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('./fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('./fonts/oswald-v49-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  body{
    font-family: 'Playfair Display', Times;
}

.navbar{
    margin:0px;
    min-width:100%;
    background-color:#ffffff!important; 
}

.navbar-brand{
    margin:0px;
    margin-left:10px;
    margin-top:2px;
    color:#6b9080 !important;
    letter-spacing:12px;
    font-size:1.50rem;
}

.nav-tabs > li{
    border:2px;
    margin:10px;
    padding:0px;
    font-size:1rem;
}

.nav-link{
    color:black!important;
    font-weight:lighter !important;
}

.navbar .nav-tabs .nav-link:hover{
    background-color: #e6e6e9 !important;
}  

.aboutdivider{
    min-height:35vh;
    min-width:100%;
}

.col{
    background-color:#e5e5e5;
    max-width:94.5%;
   
}

h1{
    margin-top:20px;
    padding-top:15px;
    margin-left:30px;
    font-size:1.25rem;
    font-weight:bold;
}

.aboutparagraph{
    font-size:1.10rem;
    max-width:70%;
    margin-top:30px;
    margin-left:30px;
}

.gate_website_link{
    color: #656d4a;
}

.website_screenshot{
    margin-left:30px;
    max-width:30%;
    max-height:9%px;
}

.divider1{
    /* background-color:#b6ad90; */
    background-color:#c89f9c;
    height:50px;
    min-width:100%;
}

.issuesdivider{
    min-height:40vh;
    min-width:100%;
}

.website_links_image{
    margin:none;
    max-width: 35%
}

.errors_image{
    margin-left:30px;
    max-width:40%;
    max-height:9%px;
}

.mental_model_description{
    font-size:1.10rem;
    margin-left:30px;
    margin-top:20px;
}

.small_text_description{
    font-size:1.10rem;
    margin-left:30px;
    margin-top:20px;
}

.text_image{
    margin-left:30px;
    max-width:70%;
    max-height:9%px;
}

h2{
    margin-top:50px;
    margin-left:50px;
    font-size:1.25rem;
    text-decoration:underline;
}

.weblink{
    font-size:1.25rem;
}