/* 

Icons
Light

*/
@import url('header-26.css');
@import url('content.css');
@import url('home-26.css');
@import url('footer.css');

/* Fonts */
@font-face { font-family: 'TT Norms Pro'; src: url('../fonts/TTNormsPro-Regular.woff2') format('woff2'), url('../fonts/TTNormsPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'TT Norms Pro'; src: url('../fonts/TTNormsPro-Bold.woff2') format('woff2'), url('../fonts/TTNormsPro-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Brittany'; src: url('../fonts/BrittanyRegular.woff2') format('woff2'), url('../fonts/BrittanyRegular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nexa'; src: url('../fonts/Nexa-Bold.woff2') format('woff2'), url('../fonts/Nexa-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }

/* Other CSS Files */

body { background: #FFFFFF; color: #262425; font-family: 'TT Norms Pro', sans-serif; font-size: 18px; line-height: 28px; margin: 0; }
h1 { font-family: 'Nexa', sans-serif; font-size: 60px; line-height: 68px; text-transform: uppercase; }
h2 { font-family: 'Nexa', sans-serif; font-size: 52px; line-height: 58px; text-transform: uppercase; }
h3 { font-family: 'Nexa', sans-serif; font-size: 32px; line-height: 40px; color: #941B3E; }

@media screen and (max-width: 600px) { 
    h1 { font-size: 40px; line-height: 48px; }
    h2 { font-size: 32px; line-height: 40px; }
    h3 { font-size: 26px; line-height: 32px; }
}
@media screen and (max-width: 400px) { 
    h1 { font-size: 34px; line-height: 40px; }
    h2 { font-size: 30px; line-height: 36px; }
    h3 { font-size: 24px; line-height: 30px; }
}

a { color: #941B3E; }
a:hover, a:active { text-decoration: none; color: #BE2350; }

hr { margin-block-start: 20px; margin-block-end: 20px; border: 0px; border-top: 1px solid #D0D3D7 !important; clear: both; }

/* Content */
.content { min-height: calc(100vh - 443px); margin-top: -120px; }
a.button { display: inline-block; margin: 0 auto; background: none; color: #262425; padding: 10px 15px; margin: 0 4px 4px 0; text-decoration: none; transition: 500ms; border: 2px solid #262425; }
a.button:hover { background: #262425; 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%; }