.header {
width : 62.5vw;

background-repeat : no-repeat;
background-position : 7.5% center;
background-size : auto 80%;

top : 0;
left : 0;

padding : 2vw 7.5% 0 30vw;

text-align : right;

transition : 0.4s;

z-index : 9999;
}

.header_link {
display : block;

position : absolute;

width : 30%;
height : calc(6px + 4.4vw);

top : 0;
left : 0;
}

.logo {
position : absolute;

top : 1vw;
left : 7.5vw;

height : calc(80px + 4.2vw);
}

.single {
margin-top : calc(48px + 8.4vw);
}

.footer {
display : flex;

justify-content : space-between;
flex-wrap : no-wrap;

width : 85%;

padding : 2vw 7.5% 2vw 7.5%;
}

.footer > div {
padding : 0 1vw 0 1vw;

text-align : center;

align-self : center;
}
div.footer > div:first-child {
padding : 0 1vw 0 0;

text-align : left !important;
}
div.footer > div:last-child {
padding : 0 0 0 1vw;

text-align : right;
}

@media screen and (max-width: 960px) {
#map_canvas_01 {
height : 50vh !important;
}

.header {
display : none;
}

.footer {
display : block;

padding-bottom : calc(50px + 0.5vw);
}
.footer div {
padding : calc(10px + 0.5vw) 0 calc(10px + 0.5vw) 0 !important; 

text-align : center !important;
}
}

.video {
width : 100%;
height : auto;
}

#map_canvas_01 {
width : 100%;
height : 30vw;
}

#content {
text-align : center;
}

.ramik {
display : block;

position : relative;
}
.ramik img {
margin : 0 !important;
width : 100% !important;
}

.ramik:after {
content : "";
display : block;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background-image : url("/wp-content/themes/Logic.2018/images/overlay.png");
background-position : center;
background-size : cover;
background-repeat : no-repeat;
}

.related {
margin-top : calc(40px + 0.5vw);

padding-top : calc(40px + 0.5vw);
padding-bottom : calc(40px + 0.5vw);

border-top : 1px solid #a13636;
border-bottom : 1px solid #a13636;
}

.sidebar_main {
display : flex;
}
.first {
width : 75%;

padding : 0 5% 0 0;
}
.second {
width : 15%;

padding : 0 0 0 5%;

text-align : center;

border-left : 1px solid #a13636;
}
.second ul {
margin-left : 0;
}
.second li {
display : inline-block;

padding : calc(5px + 0.2vw);
}

@media screen and (max-width: 960px) {
.sidebar_main {
display : block;
}
.first {
width : 100%;

padding : 0;
}
.second {
width : 100%;

padding : 0;

border-left : none;
}
}