.page-title h1{

    margin-top:5%;

    margin-bottom:5%;

    text-align: center;

    font-weight: 100;

}



.page-body {color: #666;

    font-weight: 100;

}



h3 {font-size: 24px;}





#allguides{

    width:40%;

    margin: auto;

}



.guide-grid{

    border-top: 1px solid #666;

    padding-top: 2%;

    padding-bottom: 2%;

    display: flex;

    flex-direction: row;

}





.inner-col.pic img{

    margin-top:30%;

    top: 50%;

}



.guideheadlong {

    display:flex;

    flex-direction: row;

}



.guidehead {

    margin:0!important;

    display:flex;

    flex-direction: row;

}



.guidesection { width:100%; margin-left: 3%; margin-top:3%}



a {text-decoration:none!important;}



.guides.fab {margin-bottom: 1px;}



.options{

    border: 1px solid #666;

    padding: 8px 15px 8px;

    font-weight: 100;

    width: 50%;

    margin-right:5%;

}



.icontext {vertical-align: middle;}



.guides.fas, .guides.fab {font-size: 1.5em; width: 20%; vertical-align: middle;}



.pdf-vid {

    font-weight: 100; 

    margin-top: 8%;

    margin-bottom: 3%;

    display: flex;

    flex-direction: row;

    width:80%;

}



.options:hover {

    color: #ff6600;

    border: 1px solid #ff6600;

}



@media all and (max-width: 1400px) {

    #allguides{

        width:60%;

        margin: auto;

    }

}



@media all and (max-width:996px){

    #allguides{

        width:80%;

        margin: auto;

    }

    .options{ 

        margin: 1%;

        width:80%;

    }

}



@media all and (max-width:720px){

    .pdf-vid{

        flex-direction: column;

        width:auto;

    }

}



@media all and (max-width:770px){

    .guideheadlong {

        flex-direction: column;

        line-height:1.8em;

    }



    .guide-grid{flex-direction: column;}



    .inner-col {margin: 0 auto; margin-top: 2%;}

    



    .guidehead{justify-content:center;}



    .guidesection {margin-top: 5%; margin-bottom:2%}



    .pdf-vid {margin: 0 auto; align-items:center;}



    h2, h3{text-align:center;}

    

    .brief p{text-align:center;}



    .page-title h1{

        margin-top:10%;

        margin-bottom:10%;

    }



}



a.options.download span:before { 

    display: inline-block;

    position: relative;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-family: 'Font Awesome 6 Pro';

    font-weight: 400;

    content: '\f33d';

    font-size: 15px;

    font-weight: 300;

    margin-right: 5px;

}







a.options.guides-videos-tag span:before { 

    display: inline-block;

    position: relative;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-family: 'Font Awesome 6 Pro';

    font-weight: 400;

    content: '\e22f';

    font-size: 15px;

    font-weight: 300;

    margin-right: 5px;

}