@charset "utf-8";

body {
    box-sizing: border-box;
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: auto;
    scroll-behavior: smooth;
}
a {
    text-decoration: none;
}
a, a:hover, a:active, a:focus, a:visited {
    border: none;
    outline: none;
}
a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
img, object, embed, video {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width: 100%;
}
a[x-apple-data-detectors] {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}
img {
    width: 100%;
    height: auto;
}

header {
    background-color: #00AEEF;
}
header img.logo {
    max-width: 150px;
}

/*****************************************************************************/
/**************************** MOBILE LAYOUT **********************************/
/*****************************************************************************/
@media only screen and (min-width: 576px) {}
/*****************************************************************************/
/**************************** TABLET LAYOUT **********************************/
/*****************************************************************************/
@media only screen and (min-width: 768px) {}
/*********************************************/
/************** SMALL DESKTOP ****************/
/*********************************************/
@media only screen and (min-width: 992px) {}
/**********************************************/
/******************* DESKTOP ******************/
/**********************************************/
@media only screen and (min-width: 1200px) {}