@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

@import url('content.css');
@import url('footer.css');
@import url('header.css');
@import url('home.css');

/* 

#D5AF34 Gold
#D22027 Red
#242260 Blue
#E5E5E5 Gray
#231F20 Black

Main - Footer Background: #001111 | Footer Text: #FFEEEE
Credit - Footer Background: #000011 | Footer Text & Link: #FFFFEE

*/

/* Other CSS Files */

body { background: #FFFFFF; color: #231F20; font-family: 'Nunito Sans', sans-serif; font-size: 18px; line-height: 28px; margin: 0; }
h1 { font-size: 72px; line-height: 80px; margin: 35px 0; font-family: 'Merriweather', serif; }
h2 { font-size: 38px; line-height: 46px; margin: 30px 0; font-family: 'Merriweather', serif; }
h3 { font-size: 24px; line-height: 32px; margin: 25px 0; font-family: 'Merriweather', serif; color: #242260; }
a { color: #242260; }
a:hover, a:active { text-decoration: none; color: #3A59C0; }

hr { margin-block-start: 20px; margin-block-end: 20px; border: 0px; border-top: 3px solid #E5E5E5 !important; }

/* Content */
.content { min-height: calc(100vh - 355px); margin-top: -120px; position: relative; }
a.button { display: inline-block; margin: 0 4px 4px 0; border: 2px solid #D22027; font-weight: 700; font-size: 22px; color: #000000; transition: 500ms; font-size: 22px; text-decoration: none; padding: 10px 20px; }
a.button:hover { background: #D22027; color: #FFFFFF; }
.clear { clear: both; }

/* Videos */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 800px) { 
    h1 { font-size: 58px; line-height: 66px; }
    h2 { font-size: 34px; line-height: 40px; }
}

@media screen and (max-width: 740px) { 
    .content { margin-top: -80px; }
}

/* Anchor Links */
a[id] {  scroll-margin-top: 100px; }