@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600&display=swap');
body {
    width: 100%;
    height: 100%;
     margin: 0;
    padding: 0;
}
img.navbar-brand {
    transition: 1.5s;
    margin: 2%;
}
img.navbar-brand:hover {
    transition: 1.5s;
    transform: rotate(360deg);
}
ul.navbar-nav {
    margin-right: 2% !important;
    margin-top: -4%;
}
.nav-link {
    padding: .05rem !important;
}
a.nav-link {
    font-size: 1.5rem;
    font-family: "Titillium Web";
    font-weight: 600;
    color: black !important;
}
a.second-linka:hover {
    border-bottom: 3px solid #FFD700;
}
a.linka:hover {
    border-bottom: 3px solid #FFD700;
}
li.first {
     position: absolute;
    margin-left: -45%;
}
li.second {
    margin-left:-37%;
    position: absolute;
}
li.third {
    margin-left: -11%;
    position: absolute;
}
li.nav-item.fif {
    margin-left: -25%;
    position: absolute;
}
li.fourth {
    margin-top: -1%;
    margin-left: -4%;
    position: absolute;
}
li.fourth p {
    cursor: pointer;
    font-family: "Titillium Web";
     font-weight: 600;
}
li.fourth p:hover {
    color: #FFD700;
}
li.fifth {
    margin-left: -25%;
    position: absolute;
}
div.post-square {
   width: 70%;
}
div.column {
    padding: 5%;
} 
h1.blog-header {
    font-family: "Titillium Web";
    color: #FFD700;
    text-align: center;
    font-weight: 600;
    margin-top: 3%;
}
a.post-title, h5 {
    font-weight: 600;
    font-family: "Titillium Web";
}
a.post-title {
    margin-top: 5%;
    font-size: 1.6rem;
    color: black;
    display: block;
}
a.post-title:hover {
    font-size: 1.6rem;
    color: black;
}
h5.date-post {
    color: #FFD700;
}
h5 {
    display: inline-block;
    width: 1100px;
} 
.copy {
    display: block;
    margin-top: 10%;
    margin-left: 41%;
    font-family: "Titillium Web";
}
@media only screen and (max-width: 415px) {
li.first{
    display: block;
     text-align: center;
    margin: 5% 0 0 7%;
     position: static;
}
li.second {
     display: block;
     text-align: center;
   margin: 5% 0 0 7%;
    position: static;
}
li.third {
     display: block;
    text-align: center;
    margin: 5% 0 0 7%;
     position: static;
 }
li.fourth {
    display: block;
    margin: 5% 0 0 7%;
    text-align: center;
    position: static;
    font-size: 1.5rem;
}
li.fifth {
    display: block;
    margin: 5% 0 0 8%;
    text-align: center;
    position: static;
    font-size: 1.5rem;
}
a.post-title, h5 {
   width: 380px;
}
a.post-title {
    margin-top: 15%;
}
.copy {
    display: block;
    margin-top: 10%;
    margin-left: 25%;
    font-family: "Titillium Web";
}
}
@media only screen and (max-width: 375px) {
        li.first{
    margin: 9% 0 0 6%;
}
li.second {
   margin: 5% 0 0 5%;
}
li.third {
    margin: 5% 0 0 5%;
 }
li.fourth {
    display: block;
    margin: 5% 0 0 5%;
    text-align: center;
    position: static;
}
    h1.blog-header {
 
    margin-top: 5%;
}
a.post-title, h5 {
   width: 340px;
}
.copy {
    margin-left: 23%;
}
}
@media only screen and (max-width: 320px) {
    a.post-title, h5 {
   width: 290px;
}
    .copy {
    margin-left: 17%;
}
}