body {font-family: "Rubik", sans-serif;color:#555;background-color:#fff;font-size:1rem}

h1 {font-size:2rem;margin-bottom:1rem;color:#284860}
h2 {font-size:2rem;margin-bottom:1rem;color:#284860}
h3 {font-size:2rem;margin-bottom:1rem;color:#284860}
h3 span {display:block;font-size:1.5rem;margin-top:.5rem;font-weight:200}

.btn {padding:.7rem 1.5rem;border-radius:2rem}
.btn-warning {color:#555;background-color:#ffd55b;border-color:#ffd55b}
.btn-link {font-weight:500;color:#284860;text-decoration:none}

/* Navigation */
.navbar-bg {background:#e1efde}
.navbar-bg .navbar {padding-top:2rem;padding-bottom:2rem}
.navbar {padding-top:1rem;padding-bottom:1rem}
.navbar-light .navbar-nav .nav-link {color:#555;font-weight:500;font-size:1rem;border-radius:2rem}
.navbar-light .navbar-nav .active>.nav-link {color:#ffd55b}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#555;background:#ffd55b}
.navbar-expand-xl .navbar-nav .nav-link {padding-right:20px;padding-left:20px}

.navbar-light .navbar-toggler {color:#ffd55b;border-color:#ffd55b;background:#ffd55b}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.item-112 {margin-left:15px;background:#ffd55b;border-radius:2rem}
.item-112 a {color:#555 !important}
.item-112 a:hover {color:#fff !important}

/* Banner */
.banner-bg {background:url(../images/banner-bg.jpg) top center no-repeat;background-size:cover;padding:1rem 0}
.box-banner {min-height:700px;color:#555}
.box-banner h1 {margin-bottom:0;font-size:4rem;font-weight:700;color:#555}
.box-banner p {font-size:1.6rem;margin:0;padding:0 0 1rem 0}

.b-dark {color:#284860}
.b-blue {color:#4187bc}
.b-yellow {color:#ffd55b}
.b-green {color:#77a57b}

.banner-p-bg {background:url(../images/banner-p-bg.jpg) top center no-repeat;background-size:cover;padding:1rem 0}
.box-p-banner {min-height:405px;color:#fff}

/* Box A */
.box-a {color:#284860}

.box-bg-1 {background-color:#d5eaf2;border-radius:2rem}
.box-bg-2 {background-color:#d5f2d5;border-radius:2rem}
.box-bg-3 {background-color:#ffd55b;border-radius:2rem}
.box-bg-4 {background-color:#bfcfed;border-radius:2rem}
.box-bg-5 {background-color:#c7eafe;border-radius:2rem}
.box-bg-6 {background-color:#eaf3ca;border-radius:2rem}
.box-bg-7 {background-color:#f8e9c1;border-radius:2rem}

.arrow {position:absolute;right:-10px;top:50px}

/* Box B */
.box-b-bg {background:url(../images/box-b-bg.jpg) top center no-repeat;background-size:cover;padding:2rem 0;margin-top:5rem}

/* Box C */
.box-c h2 {font-size:1.2rem;margin-bottom:.5rem}

.box-c-1-bg {background:url(../images/box-c-1-bg.jpg) top center no-repeat;min-height:170px}
.box-c-2-bg {background:url(../images/box-c-2-bg.jpg) top center no-repeat;min-height:170px}
.box-c-3-bg {background:url(../images/box-c-3-bg.jpg) top center no-repeat;min-height:170px}
.box-c-4-bg {background:url(../images/box-c-4-bg.jpg) top center no-repeat;min-height:170px}
.box-c-5-bg {background:url(../images/box-c-5-bg.jpg) top center no-repeat;min-height:170px}
.box-c-6-bg {background:url(../images/box-c-6-bg.jpg) top center no-repeat;min-height:170px}
.box-c-7-bg {background:url(../images/box-c-7-bg.jpg) top center no-repeat;min-height:170px}

/* Box D */
.box-d-bg {background:url(../images/box-d-bg.jpg) top center no-repeat;background-size:cover;padding:2rem 0;margin-top:3rem}

/* Content */
.content {color:#284860}
.content ul {padding:0;list-style-type:none;margin-bottom:1rem}
.content li {background:url(../images/li.jpg) 0 center no-repeat;margin-bottom:1rem;padding:0 0 0 1rem}

.ter {padding:1.5rem;background-color:#ffde7f;border-radius:2rem;color:#fff}

/* Footer */
.footer-bg {background:url(../images/footer-bg.jpg) top center no-repeat #354d79;background-size:cover;margin-top:3rem;padding-top:6rem}
.footer {font-size:1rem;color:#fff}
.footer a {color:#fff;text-decoration:none}
.footer a:hover {color:#77a57b}
.footer h4 {font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}
.footer p {margin-bottom:1rem}

@media (min-width:768px) and (max-width:1199px){
	
.nav-link {padding:1rem 1rem}
.navbar-expand-xl .navbar-nav .nav-link {padding-right:0;padding-left:0}
.navbar-nav {border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;margin-top:1rem;padding-top:5px}

.item-112 {margin-left:0;background:none;border-radius:0rem}

.arrow {display:none !important}

}

@media (min-width:768px) and (max-width:992px){

.nav-link {padding:1rem 1rem}
.navbar-expand-xl .navbar-nav .nav-link {padding-right:0;padding-left:0}
.navbar-nav {border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;margin-top:1rem;padding-top:5px}

.item-112 {margin-left:0;background:none;border-radius:0rem}

.arrow {display:none !important}

}

@media (max-width:768px){

.nav-link {padding:1rem 1rem}
.navbar-expand-xl .navbar-nav .nav-link {padding-right:0;padding-left:0}
.navbar-nav {border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;margin-top:1rem;padding-top:5px}

.box-banner h1 {font-size: 3.5rem}

.item-112 {margin-left:0;background:none;border-radius:0rem}

.arrow {display:none !important}

.box-b-bg {margin-top:3rem}
.box-d-bg {margin-top:0rem}
.footer-bg {margin-top:0rem}

}