@charset "UTF-8";


.navbar {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid hsla(0,0%,72%,1.00);
    height: 50px;
    background-color: hsla(209,100%,88%,0.79);
    
}
div h2 a {
    color: rgba(0,21,182,1.00);
}
div h2 a:hover{
    text-decoration: none;
    color:rgba(0,23,88,1.00);
}
.navbar-nav .nav-item .nav-link {
    color: hsla(0,0%,0%,1.00);
    font-size: 15px;
    font-style: italic;
    font-weight: 300
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 7px;
  padding-left: 0px;
}

h1 {
    font-weight: 300;
    font-style: italic;
    text-align: center;
    font-size: 25px;
}
h2 {
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    font-style: italic;
}
h3 {
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    font-style: italic;
}
p {
    font-size: 16px;
}

.container.hero {
    padding-top: 10px;
}
.banner {
    background-color: hsla(210,100%,91%,1.00);
    border: 1px solid hsla(0,0%,72%,1.00);
    margin-top: 5px;
    margin-bottom: 5px;
}
.content {
    border: 1px solid hsla(0,0%,89%,0.60);
    padding-top: 10px;
    padding-left: 5px;
}
.ending {
    background-color: hsla(210,100%,91%,1.00);
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid hsla(0,0%,78%,1.00);
}

.article-image {
  float: left;
  width: 50%;
  height: auto;
  margin: 10px 10px 0px 5px;
}


@media (max-width: 1200px) {
    .navbar {
    max-width: 930px;
    
    }
}
@media (max-width: 992px) {
    .navbar {
        max-width: 690px;
    }
    h1 {
        font-size: 20px;
    }
    p {
       font-size: 15px; 
    }
    .navbar-nav .nav-item .nav-link {
    font-size: 12px;
    }
}
@media (max-width: 768px) {
    .navbar {
        max-width: 510px;
    }
    h1 {
        font-size: 17px;
        
    }
    h2 {
    font-weight: 500;
    text-align: center;
    font-size: 16px;
}   
    p {
        font-size: 14px;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 11px;
    }
.navbar .navbar-brand img {
    
    width: 180px;
    height: 33px;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 3px;
}

    
    
    
    
   
}