/* topbar */
.topbar{background: linear-gradient(90deg, #499FD0 0%, #57B3A4 47%, #4EB0B2 100%);  height: 54px; display: flex; align-items: center; justify-content: center; color: #FFFFFF;text-align: center; font-size:13px;}
.topbar .pure-g{width: 100%; max-width: 1000px; display: flex; justify-content: center; align-items: center;}
.topbar .pure-u-1-1.pure-u-md-1-3{width: 33%; padding: 0 15px;}
.topbar p{margin-top: 0; margin-bottom: 0; color: #FFFFFF;}
.topbar strong{font-size: 17px;}
.topbar a{text-decoration: none; color: #FFFFFF;}

/* custom containers */
.pure-containerFluid{width: 100%;}
.pure-container{max-width: 1318px; width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; box-sizing: border-box;}
.pure-container-mini{max-width: 1156px; width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; box-sizing: border-box;}
.menu1 .pure-g > div[class*="pure-u-"] {margin-bottom: 0px;}
body .pure-g{letter-spacing: normal;}
.pure-g > div[class*="pure-u-"] {padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/* mobile*/
@media screen and (max-width: 767px) {
    .topbar{display: none;}

}

/* ipad */
@media screen and (min-width: 768px) and  (max-width: 1023px){
    .topbar{display: none;}

}

/* ipad pro */
@media screen and (min-width: 1024px) and  (max-width: 1350px){
    .topbar{display: none;}

}

/* pc */
@media screen and (min-width: 1024px) and  (max-width: 1724px){
    header .header__menu .site-nav li a{padding: 3.2rem 1.7rem!important; font-size: 16px!important;}

}