/* LINKS */
a { position: relative; float: left; color: #139AD6; text-decoration: none }
a:hover { color: #EB7418 }

/* COMMON PROPERTIES: HEADERS & PARAGRAPHS */
p, h1, h2, h3, h4 { display: inline-block; width: 96%; cursor: default; padding: 0 2% 30px; margin: 0 }

@media (max-width:2560px) { p, h1, h2, h3, h4 { padding: 0 2% 22px } }
@media (max-width:1920px) { p, h1, h2, h3, h4 { padding: 0 2% 15px } }

@media (max-width:1040px) { p, h1, h2, h3, h4 { width: 90%; padding: 0 5% 15px } }
@media (max-width:690px) { p, h1, h2, h3, h4 { text-align: center } }

p { font-family: 'Lato', sans-serif }
h1, h2, h3, h4 { font-family: 'Hammersmith One', sans-serif; text-transform: uppercase }

/* PARAGRAPH */
p { font-size: 26px; line-height: 46px; color: #333333; font-weight: 400 }

@media (max-width:2560px) { p { font-size: 18px; line-height: 30px } }
@media (max-width:1920px) { p { font-size: 14px; line-height: 26px } }
@media (max-width:1366px) { p { font-size: 13px; line-height: 22px } }

/* HEADING 1 */
h1 { font-size: 80px; line-height: 90px; color: #222222; font-weight: lighter }

@media (max-width:2560px) { h1 { font-size: 50px; line-height: 55px } }
@media (max-width:1920px) { h1 { font-size: 40px; line-height: 45px } }
@media (max-width:1680px) { h1 { font-size: 36px; line-height: 42px } }
@media (max-width:1440px) { h1 { font-size: 30px; line-height: 34px } }
@media (max-width:1280px) { h1 { font-size: 26px; line-height: 30px } }
@media (max-width:690px) { h1 { font-size: 18px; line-height: 22px } }

/* HEADING 2 */
h2 { font-size: 50px; line-height: 62px; color: #139AD6; font-weight: lighter }

@media (max-width:2560px) { h2 { font-size: 34px; line-height: 44px } }
@media (max-width:1920px) { h2 { font-size: 26px; line-height: 34px } }
@media (max-width:1680px) { h2 { font-size: 22px; line-height: 30px } }
@media (max-width:1440px) { h2 { font-size: 20px; line-height: 28px } }
@media (max-width:690px) { h2 { font-size: 18px; line-height: 20px } }

/* HEADING 3 */
h3 { font-size: 30px; line-height: 36px; color: #7C8A94; font-weight: 400 }

@media (max-width:2560px) { h3 { font-size: 18px; line-height: 28px } }
@media (max-width:1920px) { h3 { font-size: 14px; line-height: 22px } }
@media (max-width:690px) { h3 { font-size: 14px; line-height: 22px } }

/* HEADING 4 */
h4 { font-size: 46px; line-height: 50px; color: #1394D6; font-weight: 400 }

@media (max-width:2560px) { h4 { font-size: 30px; line-height: 34px } }
@media (max-width:1920px) { h4 { font-size: 22px; line-height: 24px } }
@media (max-width:690px) { h4 { font-size: 18px; line-height: 22px } }

/* HEADING 5 */
h5 { font-family: 'Lato', sans-serif; font-size: 40px; line-height: 40px; text-transform: uppercase; margin-left: 2% }

/* UNLISTED LISTS */
ul { display: block; width: 100%; position: relative; padding: 0; margin: 0 }

ul p { display: inline; padding: 0; margin: 0 }

ul li { display: list-item; position: relative; width: 96%; font-family: 'Lato', sans-serif; font-size: 26px; line-height: 46px; color: inherit; font-weight: 400; list-style-position: inside; cursor: default; padding: 0 0 20px; margin: 0 2% }

@media (max-width:2560px) { ul li { font-size: 18px; line-height: 30px; padding: 0 0 15px } }
@media (max-width:1920px) { ul li { font-size: 14px; line-height: 26px; padding: 0 0 10px } }
@media (max-width:1040px) { ul li { width: 90%; padding: 0 5% 10px; margin: 0 } }
@media (max-width:690px) { ul li { display: block; font-size: 13px; line-height: 22px; text-align: center } }

/* BUTTONS */
.button { float: left; width: auto; height: auto; font-family: 'Lato', sans-serif; font-size: 26px; line-height: 36px; text-transform: uppercase; padding: 16px 4% 20px; margin-right: 20px; border-radius: 100px; cursor: pointer }

@media (max-width:2560px) { .button { font-size: 18px; line-height: 24px; padding: 14px 4% 16px; margin-right: 15px; border-radius: 75px } }
@media (max-width:1920px) { .button { font-size: 13px; line-height: 18px; padding: 9px 4% 11px; margin-right: 10px; border-radius: 40px } }
@media (max-width:1366px) { .button { font-size: 12px; line-height: 16px; border-radius: 40px } }
@media (max-width:690px) { .button { width: 94%; text-align: center; padding: 9px 3%; margin-right: 0; border-radius: 0 } }