@media (min-width:586px){

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

}


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

}



@media (max-width:586px){

}

@media (max-width:768px){
    .theme.row-image {
        width: 100%;
    }
    header{
        min-height: 20rem;
    }
    nav .tr-logo{
        width: 12rem;
    }
    .z-index-2 {
   
        top: 2rem;
      
    }
  
}
/*ipad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

}
@media (min-width:1335px){
    header .h1 {
        font-size: 3.8rem !important;
    }
}