* {
margin: 0;
padding: 0;
box-sizing: border-box;
} a{
color: white;
}
a:hover{
color: #ffba62;
}
header{
background-image: url(//bsdm.by/by/wp-content/themes/bsdm/img/goldBlack.jpg);
background-position-y: -131px;
background-size: cover;
}
footer{
background-image: url(//bsdm.by/by/wp-content/themes/bsdm/img/goldBlack.jpg);
background-position: bottom;
}
section {
display: flex;
height:auto;
justify-content: space-around;
color: white;
}
section.menu {
border-bottom: white 3px solid;
border-top: white 3px solid;
}
menu {
display: flex;
justify-content: center;
}
menu li {
margin-right: 30px;
}
.navside_item.current {
border-radius: 4px;
text-decoration: none;
}
.gradient{
background-image:linear-gradient(transparent 80%,white);
padding-bottom: 43px;
padding-top: 10px;
}
.navside_item.current {
color: #ceb46c;
border: 1px solid #82878f;
padding: 3px;
}
.navside_item{
color: white;
border: 1px solid transparent;
border-radius: 4px;
text-decoration: none;
padding: 3px;
}
.navside_item:hover{
border: 1px solid #82878f;
}
a.navside_item {
margin-right: 10px;
}
div.navside{
float: right;
margin-bottom: 30px;
margin-top: 10px;
}
img{
width: 30px;
}
div.tell div{
text-align: end;
margin-top: 5px;
}
div.tell div.tell{
margin-bottom: 10px;
font-size: 20px;
}
.btn-primary {
background-color: transparent;
border-color: transparent;
}
.btn-primary:hover{
background-color: white;
color: #110601;
border-color: transparent;
}
.btn-primary:focus{
background-color: white;
color: #110601;
border-color: transparent;
box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
.dropdown-item:active{
background-color: transparent;
border-color: transparent;
}
h1 {
font-family: Pacifico;
font-size: 30px;
}
body{
background: #fff;
}
p,li {
font-size: 18px;
font-family: "Open Sans";
font-weight: 400;
color: black;
}
h2{
color: black;
text-align: center;
font-family: "Open Sans";
font-weight: 800;
}
h3{
color: black;
font-family: "Open Sans";
}
h4{
color: black;
font-family: "Open Sans";
}
h5{
color: white;
font-size: 15px;
}
header p{
color: white;
}
header li{
color: white;
}
footer p {
color: white;
font-size: 15px;
}
footer h5{
margin-top: 15px;
}
span {
font-weight: 600;
font-size: 24px;
position: relative;
top: 4px;
}
header div.row div{
align-self: center;
}
.icon {
display: inline-block; stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
footer div.col:nth-of-type(2){
text-align: right ;
}
section.nav ol{
display: flex;
}
.crumbs {
display: block;
position: relative;
min-height: 31px;
padding-bottom: 10px;
margin-bottom: 0;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: ridge;
font: 11px/41px Arial, Helvetica, sans-serif;
color: #7c8189;
}
p.crumbs a{
font: 11px/41px Arial, Helvetica, sans-serif;
color: #7c8189;
text-decoration: underline;
}
.crumbs span {
margin: 0 6px;
color: #7c8189;
}
.flex{
display: flex;
justify-content: space-around;
}
a#hamburger{
text-align: end;
}
.custom-class{
display: none;
}
@media all and (max-width: 1200px) {
h1 {
font-size: 22px;
}
menu li {
margin-right: 10px;
font-size: 17px;
}
span{
font-size: 22px;
}
}
@media all and (max-width: 992px){
menu li {
margin-right: 0px;
font-size: 13px;
}
}
@media all and (max-width: 768px) {
.custom-class{
display: block;
}
menu{
display: block;
}
div.tell div.tell{
display: none;
}
header div.row div.col-8{
display: flex;
padding:0;
}
h1{
margin-top: 10px;
margin-left: 5px;
}
.gradient{
padding-bottom: 20px;
}
}
@media all and (max-width: 576px){
header{
background-position-y: 0px;
}
div.col{
padding-right: 15px;
padding-left: 15px;
}
a{
font-size: 15px;
}
div.tell{
display:none;
}
h1{
margin-top: 7px;
}
footer h5{
font-size: 9px;
}
footer p{
font-size: 8px;
}
}