/* -------------------------
+ Author : Marcus Briggs
+ © Viral Effect LTD
------------------------- */

/* CORE */
html { width: 100%; height: 100%; font-size: 100%; background: white; }
body { width: 100%; height: 100%; }
section { width: 100%; display:flex; }
section .sec-inner { max-width: 1060px; }

/* HEADER */
header { float: left; padding: 40px 0; display:flex; width: 100%; justify-content: center; align-items: center; flex-direction: column; background: white; }
header .container { display:flex; width: 100%; max-width: 1060px; justify-content: center; align-items: center; }
header .container a { display:inline-block; width: 100%; max-width: 160px; }
header .container a img { display:inline-block; width: 100%; }

/* MAIN */
main { float: left; width:100%; display:flex; justify-content: center; align-items: center; flex-direction: column; background: white; }

/* FOOTER */
footer { float: left; width:100%; height: 120px; display:flex; justify-content: center; align-items: center; flex-direction: column; background: white; /*border-top:1px solid #eaeaea;*/ }
footer .container { display:flex; width: 100%; max-width: 1060px; justify-content: center; align-items: center; }
footer .container p { float: left; width: 100%; color:#323232; font-size: 1rem; line-height: 1.5; text-align: center; }
footer .container p a { color:#353b45; padding: 0 5px; }
footer .container p a:hover { text-decoration: underline; }

/* SECTION - TITLE */
.sec-title { display:flex; width: 100%; background:#323232; padding: 60px 30px; justify-content: center; align-items: center; flex-direction: column; /*border-bottom:1px solid #eaeaea;*/ }
.sec-title h1 { font-size: 2rem; line-height:1.5; padding: 0 0 5px 0; color:white; text-transform:uppercase; font-weight: 600; }
.sec-title h2 { font-size: 1.6rem; line-height:1.5; padding: 0 0 5px 0; color:white; text-transform:uppercase; font-weight: 600; }
.sec-title p { font-size: 1rem; line-height:1.5; padding: 0 0 5px 0; color:white; font-weight: 400; }

/* SECTION - GENERIC PAGE */
.sec-generic { display:flex; width: 100%; min-height: 400px; padding: 60px 30px; justify-content: center; align-items: center; flex-direction: column; background:#f7f7f7; }
.sec-generic p { font-size: 1rem; line-height:1.5; padding: 0 0 5px 0; color:#323232; font-weight: 400; }

/* MEDIA QUERIES */
@media (max-width: 780px) {
    .sec-title { padding: 30px 30px; }
    .sec-title h1 { font-size: 1.6rem; }
    .sec-generic { padding: 30px 30px; min-height: 300px; }
}