a {
    color:#006EC3;
}
body {
    background-color:#112347;
    line-height:1;
    font-family:sans-serif;
    color:white;
}

.containing {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    padding:12px;
}
.text-header {
    text-align:center;
    width:100%;
}
@media (min-width:768px) {
    .text-header {
        width:90%;
    }
}
@media (min-width:992px) {
    .text-header {
        width:85%;
    }
}
@media (min-width:1280px) {
    .text-header {
        width:80%;
    }
}

.clearfix {
    padding:12px;
}
.clearfix::after {
    content:"";
    clear:both;
    display:table;
}

/* Header */
.header-logo {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    padding-bottom:12px;
    margin:0 12px;
}

.logo {
    width:70%;
    max-width: 500px;
}

/* Menu */
.dropbtn {
    color:white;
    padding:6px;
    cursor:pointer;
    font-size:2em;
    line-height:inherit;
}
.dropdown {
    float:right;
    position:relative;
    display:block;
}
.dropdown-content {
    display:none;
    position:absolute;
    background-color:white;
    min-width:160px;
    overflow:auto;
    right:0;
    z-index:101;
    font-size:0.9em;
}
.dropdown-content a {
    color:#032864;
    padding:16px;
    text-decoration:none;
    display:block;
    border-width:0 0 1px 0;
    border-style:solid;
}
.dropdown-content a:hover {
    background-color:#dff1ff;
}
.show {
    display:block;
}

/* Main */
.ad-box {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.ad-box-large {
    display:block;
}
.ad-box-small {
    display:none;
}
@media (max-width:766px) {
    .ad-box-large {
        display:none;
    }
    .ad-box-small {
        display:block;
    }
}