@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
body{font-family: 'Ubuntu', sans-serif; color: #555555;}
.navbar-brand{height: 120px;margin-top: -40px;margin-bottom: 15px;}
footer[role="contentinfo"] {background: #747474;color: #fff;}
footer[role="contentinfo"] a{color: #fff;}
.navbar-brand{padding: 0px;}
.navbar-brand-logo img{ margin-left: -1px;}
.navbar-default{background-color: #f8f8f8;}
a{color: #861b21;}
h3.media-heading{font-size: 24px; line-height: 32px;}
.media-heading a:hover{color: #555555;}
.media-body .nav-pills>li>a{text-transform: uppercase;font-weight: 600;}
.media-body .nav-pills>li>a:hover{ color: #000;}
.view a{color: #555;border: 2px solid #555555;border-radius: 25px !important; background: #fff;}
.view a:hover{background: #f5f5f5 !important;}
a{color: #861b21;}
h1, .h1, h2, .h2, h3, .h3{color: #555555;}
.breadcrumb{border-color: #dddddd;border-style: solid;border-width: 1px;}
.badge{background-color: #555555;}
.btn-default{background-color: #555;border-color: #555; color: #fff;}
.btn-default:hover{background-color: #333; border-color: #333; color: #fff;}
.btn-primary{background-color: #000; border-color: #000;}
.btn-primary:hover{background-color: #555555; border-color: #555555;}
.media:first-child {margin-top: 2em;}

.navbar-brand {height: 140px !important;}
.navbar-nav{float: left;margin: 0;background: #F4F4F4;margin-top: 118px;position: absolute;top: 37px;left: -1px;width: 100%;border-bottom: 2px solid #DDDDDD;padding-left: 25px; border-top: 6px solid #DDDDDD;}
.navbar-default .nav>li>a{color: #555 !important;}
.navbar-default{border-color: #e7e7e7;border-radius: 0px;}
.container{margin-top: 80px !important;}
.btn-default{color: #fff;background-color: #525252;border-color: #525252;}
.navbar-default .nav>li>a:hover{ text-decoration: underline !important;}
.dropdown-menu>li>a:hover{ text-decoration: underline !important;}
.sections .media-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.sections .article-summary{width: 48%;margin-bottom: 60px;margin-right: 2%;display: block;box-sizing: border-box;}
.journals .media-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.journals .media{width: 48%;margin-bottom: 60px;margin-right: 2%;display: block;box-sizing: border-box;}
p{line-height: 24px;}
footer .col-md-10{width: 100%;} 
.sicmago-info {text-align: right;padding-top: 30px;}
footer .container {margin-top: 0px !important;}
.pkp_structure_content .col-md-8 {width: 100%;}

#accordion-div {padding: 30px; padding-left: 0px;}
@media (max-width: 550px) {
#accordion-div {box-sizing: border-box;transform: translate(0, 0);max-width: 100%;min-height: 100%;margin: 0;left: 0;}
}

@media only screen and (max-width : 800px) {
.navbar-brand{height: 100px !important;}
.navbar-nav{margin-top: 78px;}
.container {margin-top: 30px !important;}
.journals .media {width: 100%;margin-right: 0px;}
.sicmago-info {text-align: left;}
}
@media only screen and (max-width : 680px) {
.navbar-brand{height: 78px !important;}
.navbar-nav{margin-top: 125px; border: none;}
.form-control{width: 85%;float: left;margin-right: 20px;}
#nav-menu .btn-default{margin-top: -5px;}
.navbar-default .navbar-form{border: none;}
.navbar-default .navbar-collapse{border: none;}
.navbar-default{border-bottom: 6px solid #ddd !important;}
}
@media only screen and (max-width : 600px) {
.navbar-brand{height: 60px !important;}
.form-control{width: 83%;}
}
@media only screen and (max-width : 568px) {
.navbar-brand{height: 53px !important;}
.form-control{width: 82%;}
}
@media only screen and (max-width : 533px) {
.navbar-header .site-name{display: table;width: 100%;}
.navbar-brand{height: 70px !important;}
.form-control{width: 81%;}
}
@media only screen and (max-width : 480px) {
.form-control{width: 78%;}
.media-body{width: 100%;display: block;}
.media-left img{max-width: 100%;width: 100%;}
.media-left{display: block; padding-top: 0px; margin-bottom: 20px;}
}
@media only screen and (max-width : 414px) {
.form-control{width: 75%;}
}
@media only screen and (max-width : 375px) {
.form-control{width: 72%;}
.navbar-brand{height: 65px !important;}
}
@media only screen and (max-width : 360px) {
.form-control{width: 71%;}
.navbar-brand{height: 66px !important;}
}
@media only screen and (max-width : 320px) {
.form-control{width: 67%;}
.navbar-brand{height: 54px !important;}
}