/* do not change this sheet - to make changes to the blocks below, please create a new line in front.css using #front #halfblock (for example) */
@media only screen and (min-width: 780px) {
    
#main {
	position: relative;
	z-index: 5;
	}	
.padded {
border: inherit;
padding-top: 10% !important;
padding-bottom: 10% !important;
overflow: hidden;
}

.halfpadded {
height: 94%;
border: inherit;
padding-top: 2% !important;
overflow: hidden;
}

.textpage {
height:  auto !important;
}
	
	#front {
	display:block;
		position: relative;
		z-index: 5;
	}

#fullblock {
    width: 99.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
    text-align: center;
}

#halfblock {
    width: 49.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}

#thirdblock {
    width: 32.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}

#twothirdsblock {
    width: 65%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}

#quarterblock {
    width: 25% !important;
    height: auto;
    margin: 0px;
    padding: 0;
    border: none;
}

#fifthblock {
    width: 20% !important;
    height: auto;
    margin: 0px;
    padding: 0;
    border: none;
}

#sixthblock {
    width: 16.5% !important;
    height: auto;
    margin: 0px;
    padding: 0;
    border: none;
}

#makesquare {
    width: 90%;
    height: auto;
}

#makesquare img {
    width: 100%;
	height: 18vw;
    object-fit:cover;
}

#fifthblock #makesquare img {
	height: 18vw;
}

#fifthblock #makesquare {
	height: 16vw;
	overflow:hidden;
}

#halfblock > #makesquare {
		height: 17vw;
        overflow: hidden;
        margin-bottom: 2vw;
}

#halfblock > #makesquare img {
	height: 20vw;
}

#page > #halfblock > #makesquare {
	height: 36vw;
	overflow:hidden;
	width: 95%;
}

#page > #halfblock > #makesquare img {
	height: 41vw;
}


#category-details {
width: 100%;
height: auto;
padding: 2% 0;
margin: 30px 0;
color: white;
background: black;
}

#category-details #list {
width: 98%;
height: auto;
margin: 0 auto 0 auto;
color: white;
background: black;
}

#category-details #list img, #nav-below img {
width: auto;
height: 15px;
margin: 15px 5px 0 0;
background: black;
vertical-align: top;
}

#newscategories img.inline {
width: auto !important;
height: 15px  !important;
margin: 0 5px 10px; 0;
vertical-align: top;
-webkit-filter: invert(0.5);
filter: invert(50%);
-o-filter:invert(50%);
-ms-filter: invert(50%); 
}

#newscategories span {
margin-bottom: 20px;
}

#category-details a, #category-details p {
color: white;
vertical-align: top;
margin-bottom: 10px;
}

}
/* ---------------------------------------end of desktop -----------------------------------*/


#inset {
width: 98%;
height: auto;
padding: 1%;
overflow: hidden;
}