@font-face {font-family:'LatoThin'; src: url('/fonts/Lato Thin.woff2') format('woff2'), url('/fonts/Lato Thin.woff') format('woff'); font-weight: 275; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}
@font-face {font-family:'LatoLight'; src: url('/fonts/Lato Light.woff2') format('woff2'), url('/fonts/Lato Light.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}
@font-face {font-family:'Lato'; src: url('/fonts/Lato Regular.woff2') format('woff2'), url('/fonts/Lato Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}


body {font-family:Lato,helvetica,sans-serif; display:flex; flex-direction:column; display:flex;flex-wrap:wrap; min-height:100vh; padding:10px;margin-left:auto; margin-right:auto; margin-top:20px; width:auto; max-width:1200px;} 
a {color:black; display:inline-block; text-decoration:none;}
a:visited {color:black;display:inline-block; text-decoration:none; text-decoration-color:#fff;}

footer {margin-top: auto;}
.maincontainer {display:flex;flex-direction:row;}
.pagetitle {color:#333; display:flex; margin:0px auto 40px auto; justify-content:center; font-family:'LatoThin',helvetica,sans-serif;font-size:5rem; font-weight:bold; letter-spacing: .5rem;}
.newpagetitle {color:#333; display:flex; margin:200px auto 40px auto; justify-content:center; font-family:'LatoThin',helvetica,sans-serif;font-size:5em; font-weight:bold; letter-spacing: .5rem;}
.pagesubhead {margin-left: 20px;  text-align: center;  font-weight: bold;  font-size:1.5em;   font-family:'LatoThin',helvetica,sans-serif;     color: black;  display: inline-block;}
.subtitle {color:#300; display:flex; justify-content: center; font-family:'LatoThin',helvetica,sans-serif; margin:0; text-align:center; font-size:1.5em; font-weight:bold; display:inline-block;}
.subtitle1{color:#000; display:flex; justify-content: center; font-family:'LatoThin',helvetica,sans-serif; text-align:center; font-size:1.5em; font-weight:bold; display:inline-block; margin-bottom:15px;}
.subtitle2 {flex: 1 0 auto; margin:10px auto 10px 0px;font-family:'LatoThin',helvetica,sans-serif; font-size:1.5em; justify-content:left;font-weight:bold;}
.subtitle3 {flex: 1 0 auto; margin:10px auto 10px 136px;justify-content:left;font-weight:bold;}
.subtitle4 {flex: 1 0 auto; justify-content:left;font-weight:bold;}
.footer1 {display:flex; flex-direction:row; margin-top:auto; justify-content:space-evenly;}
.link {color:#000;display:flex; justify-content: center; text-align:center; font-family:'LatoThin',helvetica,sans-serif; font-size:1.25em; font-weight:bold; color:#300; margin-bottom:30px; text-decoration-color:#fff;}
.links {display:flex; flex-direction:row; justify-content: space-evenly;font-family:'LatoThin',helvetica,sans-serif; font-size:1em; font-weight:bold; color:#300; margin-bottom:30px; text-decoration-color:#fff;}
.block {display:flex; flex-direction:column;padding-right:1rem;}
.copy {margin-top:10px; display:flex; flex-direction:row; justify-content: center; font-size:.7em}
.sections {position:relative; top:0px;display:flex;flex-direction:row; min-height: 72vh;}
.image1 {width:auto; height:150px; background-image: url("/images/diana.jpg");background-position:center center; background-repeat:no-repeat;}
.image2 {width:auto; height:150px; background-image: url("/images/crossman.jpg");background-position:center center; background-repeat:no-repeat;}
.image3 {width:auto; height:150px; background-image: url("/images/supersport.jpg");background-position:center center; background-repeat:no-repeat;}
.image4 {width:auto; height:150px; background-image: url("/images/varmint.jpg");background-position:center center; background-repeat:no-repeat;}
.image5 {width:auto; height:150px; background-image: url("/images/compound.jpg");background-position:center center; background-repeat:no-repeat;}
.image6 {width:auto; height:150px; background-image: url("/images/recurve.jpg");background-position:center center; background-repeat:no-repeat;}
.padding {height:13px; visibility:hidden;}
#level1 {position: relative; left: -40px;}
ol {list-style-type: none; counter-reset: item; margin: 0;}
ol > li {display: table;counter-increment: item; margin-bottom: 0.6em;}
ol > li:before {content: counters(item, ".") ". "; display: table-cell;padding-right: 0.6em;}
li ol > li {margin: 0;line-height:1.25rem;}
li ol > li:before { content: counters(item, ".") " ";}

@media screen and (max-width:575px) {
    .maincontainer {transform: scale(1.5,1.5);letter-spacing: .25rem;}	
    .newpagetitle {font-size:2rem; letter-spacing: .25rem;}
    .pagetitle {font-size:1.5em;transform: scale(1,1.5);letter-spacing: .25rem;}
    .sections {flex-direction: column; flex-wrap:wrap;}
    .links {flex-direction: column; flex-wrap:wrap; transform: scale(1,1.25);letter-spacing:.25rem; margin:0 0 6px 0;text-align:center;}
    .separator {visibility:visible;}
    .padding {visibility:visible;}
}
@media screen and (max-width:380px) {
    .maincontainer {transform: scale(1.5,1.5);letter-spacing: .25rem;font-family:helvetica, sans-serif;}	
    .newpagetitle {font-size:4rem;;letter-spacing: .25rem;}
    .pagetitle {font-size:1.5em;transform: scale(1,1.5);letter-spacing: .25rem;}
    .sections {flex-direction: column; flex-wrap:wrap;}
    .links {flex-direction: column; flex-wrap:wrap; transform: scale(1,1.25);letter-spacing:.25rem; margin:0 0 6px 0;text-align:center;}
    .separator {visibility:visible;}
    .padding {visibility:visible;}
}