body{font-family: 'Roboto', sans-serif;}
h1{color: #002855; margin: 1.6rem 0 1.6rem 0; text-transform: uppercase;}
h2{color: #002855;font-size: 2.5rem;    margin: 1rem 0 1.4rem 0;}

.clr{clear:both; height:1px; font-size:1px; line-height:1px; }
.btn, .btn-large, .btn-small{background-color: #03a9f4;}
.btn:hover, .btn-large:hover, .btn-small:hover{background-color: #2196f3;}

#logo{}
#logo img{display:inline-block;height: 64px;}
nav{background-color: #fff;}
nav ul a{    color: #002855;font-weight: 500;}
nav ul a:hover,
.sidenav li.active { background-color: rgb(33 150 243 / 10%); }
.sidenav-trigger{color: #002855;}
.login-link{background-color: #103661;}
.sidenav img{height: 64px; display: block; margin: 10px auto;}
.sidenav .login-link{     padding: 0 16px !important; display: inline-block; margin-left: 32px !important;}
.sidenav .login-link i{color: #fff !important;}
/******************************HOME****************************/
.carousel-wrap{margin-top: 20px;}
.carousel.carousel-slider .carousel-item h2{    position: absolute;
    top: 70%;
    text-align: center;
    /* width: 100%; */
    right: 10%;
    font-size: 36px;
    line-height: 48px;
    padding: 10px 18px;
    background: rgb(255 255 255 / 80%);
    color: #002855;}
body.home section a.btn-small{float: right;}

/******************************PAGES****************************/
.title-wrap{padding: 30px 0;}
section{padding:20px 0;}
section:nth-child(even){background: #2196f31a;}
section h2{    color: #002855;}


.page-footer{background-color: #2196f3;}