@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body{
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
/*======================
    404 page
=======================*/


.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;
}

.page_404  img{ width:100%;}

.four_zero_four_bg{
 
 background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
 }
 
 
 .four_zero_four_bg h1{
 font-size:80px;
 }
 
  .four_zero_four_bg h3{
       font-size:80px;
       }
       
       .link_404{      
  color: #fff!important;
    padding: 10px 20px;
    background: #39ac31;
    margin: 20px 0;
    display: inline-block;}
  .contant_box_404{ margin-top:-50px;}

  #masthead,#colophon{
      display:none;
  }
  .site-branding{
      display: none;
  }
  .main-navigation {
      display: flex;
      justify-content: flex-end;
      padding-right:200px;
  }
.main-navigation ul.menu{
    gap:20px;
}
.main-navigation ul.menu li a{
    color:#fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
@media only screen and (max-width: 767px) {
    .main-navigation{
        padding-right:0;
        justify-content: center;
    }
    .main-navigation ul{
        display: flex;
    }
    .main-navigation ul.menu li a{
        font-size: 14px;
    }
}
@media only screen and (max-width: 500px) {
    .main-navigation ul.menu{
        display: block;
    }
    .main-navigation li{
        display: inline-block;
        padding:0 15px;
    }
}