/*LINKSCSS by Apl - valid 27.4.23*/ 


main, header {width:940px;margin: auto}

.paddingtop {padding-top: 80px} /* overrule general */
@media only screen and (max-width: 600px) {.paddingtop {padding-top: 30px}}
@media only screen and (min-width: 601px) and (max-width: 1280px) {.paddingtop {padding-top: 30px}}
.paddingbottom {padding-bottom: 140px} /* overrule general */
@media only screen and (max-width: 600px) {.paddingbottom {padding-bottom: 100px}}
.margin {margin:30px 30px 0 50px} /* overrule general */
@media only screen and (max-width: 600px) {.margin {margin:0 30px 0 50px}}


@media only screen and (max-width: 600px){.s6{width:99.99999%}} /*overrule grid*/


img {
max-width: 100%;
height: auto;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5) }
@media only screen and (max-width: 600px) {img {display:none}}


figure {width: 590px;border-top-style: double;margin-top: 25px;margin-left: 60px; margin-bottom:10px}
@media only screen and (max-width: 600px) {figure {display:none}}
@media only screen and (min-width: 601px) and (max-width: 1280px) {figure {width: 510px;border-top-style: double;margin-top: 25px;margin-left: 60px; margin-bottom:10px}}


.linkheader  {padding: 100px 0 50px 80px;border-left: 3px solid maroon;box-shadow:10px 0 15px 0 rgba(0,0,0,0.5);}
@media only screen and (max-width: 600px) {.linkheader  {padding: 80px 0 25px 40px;border-left: 1px solid maroon; }}
@media only screen and (min-width: 601px) and (max-width: 1280px) {.linkheader {border-left: 2px solid maroon}}
.links h1 {letter-spacing: normal;
    padding-left: 10px;
    padding-top: 10px;
    margin-left: 30px;
    }
@media only screen and (min-width: 601px) and (max-width: 1280px) {.links h1{margin-left: 0px; margin-right: 0px; padding-right: 0px;}}
.links h2 {letter-spacing: normal;
    padding-left: 10px;
    padding-top: 10px;
    margin-left: 180px;
    }
@media only screen and (max-width: 600px) {.links h2 {margin-left:30px; padding-top: 20px;}}
@media only screen and (min-width: 601px) and (max-width: 1280px) {.links h2 {margin-left: 100px; padding-top: 30px;}}

@media only screen and (min-width: 601px) and (max-width: 1280px) {.linkszoo {margin-left: 100px; padding-top: 1px;}}


.links h3 {letter-spacing: normal;
    padding-left: 10px;
    padding-top: 10px;
    margin-left: 100px;
    }
@media only screen and (max-width: 600px) {.links h3 {margin-left:20px; padding-top:0px; padding-right:10px; }}
@media only screen and (min-width: 601px) and (max-width: 1280px) {.links h3 {margin-left: 60px; padding-top: 1px;}}


.links p {letter-spacing: normal;
    padding-left: 10px;
    padding-top: 10px;
    margin: 10px 20px 0 20px;
    }
@media only screen and (max-width: 600px) {.links p {margin: 1px 20px 0 20px; padding-top: 4px;}}
@media only screen and (min-width: 601px) and (max-width: 1280px) {.links p {margin: 1px 20px 0 50px; padding-top: 30px;}}



.links a {text-decoration: none;}
.links a:hover{text-decoration: underline}





/*small screeen*/
@media only screen and (max-width: 1600px) {

main, footer, .foot, header {width:100%;}
.linkshidden {display: none;}
}