/*Branch Matheus*/
body{
    margin:0;
    padding:0;
 }
 
 /*INÍCIO MENU*/
 
 header {
    margin:0  auto;
    background-color: #140083;
 }
 
 .logo{
    display:inline-flex;
    margin-top:7px;
    margin-left:30px;
    margin-right:10px;
    max-width:55px;
    max-height:55px;
    width: auto;
    height: auto;
 }
 
 .fa, .fas {
     color:#fff;
     background-color: #140083;
 }

 .checkbtn{
    font-size:30px;
  /*  color:white; */ 
    float:right;
    line-height:80px; 
    margin-right:40px;
    cursor:pointer;
    display:none;
    margin:20px;
 }
 
 #check{
    display:none;
 }
 
 /*menu responsivo*/
 @media(max-width:952px){
    nav ul li a{
       font-size:16px;
    }
  
 }
 
 @media(max-width:858px){
    .checkbtn{
       display:block;
    }

    .box-title{
       z-index:-999;
       position: relative;
       
    }
    ul{
        position:relative;
        width:60%;
        height:100vh;
        background:#140083;
        top:80px;
        left:-120%;
        text-align:center;
        transition:all .5s;
         
    }
    nav ul li{
       display:inline-flex;
       margin:50px 0;
       line-height:30px;
    }
    nav ul li a{
       font-size:20px;
    }
    a:link, a:hover{
       background: none;
       color:#FF7200;
    }
    #check:checked ~ul{
       left:0;
    }
 }
 label h1{
    font-family:'Roboto', sans-serif;
    font-weight: bold;
    color: white; 
    margin-left:20px;
    margin-top:0;
    font-size:16px;
    padding:0;
    text-align:left;
 }
 
 header nav {
    background-color: #140083;
    display:inline-block;
    width:100%;
  }
 header nav ul {
    float:right;
    margin:  0 ;
 }
 
 header nav ul li {
    display:inline-block;
    line-height:80px;
    margin:0 5px;
 }
 
 header nav ul li a {
    display: block;
    width: 150px;
    line-height: 50px;
    color: white;
    font-size:18px;
    font-weight:bold;
    font-family:'Roboto', sans-serif;
 }
 
 header nav ul li a:link, header nav ul li a:visited {
    font-weight: bold;
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
 }
 
 header nav ul li a:hover, header nav ul li a:hover {
    background-color: #FF7200;
    color: white;
 }
 
 