@media (min-width: 270px) and (max-width: 900px) and (orientation: portrait){
	
	
	
 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

 li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}

 li a:hover {
  background-color: #f4f4f4;
}

.logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

.menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}
	
	
	
	
	.menu-icon {
  cursor: pointer;
  display: inline-block;
  float:none;
  padding: 3% 0% 3% 1%;
  position: relative;
  user-select: none;
}

.menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.menu-icon .navicon:before,
.menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.menu-icon .navicon:before {
  top: 5px;
}

.menu-icon .navicon:after {
  top: -5px;
}
	
	
	
	
 .menu-btn {
  display: none;
}

 .menu-btn:checked ~ .menu {
  max-height: 240px;
}

 .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

 .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

 .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

 .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
 .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

	
	
	
	
	
	
	
	
	body {
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
        background-color:rgb(255, 253, 245);
        font-family:'Raleway';
        font-weight: 400;
        font-style: normal;
    }
    a {
        color: inherit;
        text-decoration: inherit;
    }
    a:hover {
        color: inherit;
        text-decoration: inherit;
    }
    a:visited {
        color: inherit;
        text-decoration: inherit;
    }
    h1{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h2{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h3{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h4{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h5{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h6{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }

    /*#background-video{
        width: 100vw;
        height: 100vh;
        object-fit: cover;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    }*/

    
    /*.video-container video {
        clear: none;
        float: left;


      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover;
      z-index: 0;
    }*/



    #header {
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;

        background-color: rgb(5, 35, 60);
    }
    #main-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #footer{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
        background-color: rgb(5, 35, 60);
    }

    #learn-more-links{
        color: inherit;
        transition: ease-in-out 0.5s;
    }
    #learn-more-links:hover{
        color:crimson;
        transition: ease-in-out 0.5s;
    }




    #logo {
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #page-titles{
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
        background-color: rgb(5, 35, 60);
        color: aliceblue;
        font-family: 'Cormorant Garamond';
        font-weight: 400;
        font-style: normal;
    }
    #immigration-law{
        float: left;
        width: 98%;
        margin: 1%;
        padding: 0%;
        font-size: 300%;
        border-bottom: white thin solid;
		text-align: center;
    }
    #page-name{
        float: left;
        width: 98%;
        margin: 0% 0% 1% 0%;
        padding: 0%;
        font-size: 210%;
		text-align: center;
    }









    #menu-options{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
        
    }



    #telephone-option{
        clear: none;
        float: left;
        width: 98%;
        margin: 1% 0%;
    }
    #phone-icon{
        clear: none;
        float: left;
        width: 21%;
        font-size: 510%;
        text-align: center;
    }
    #hablamos-spanish{
        clear: none;
        float: left;
        width: 72%;
        font-size: 150%;
		font-weight: bolder;
        text-align:center;
    }
    #phone-number{
        clear: none;
        float: left;
        width: 72%;
        margin: 3% 0%;
        padding: 0.5% 0%;;
        font-size: 180%;
        text-align: center;
        background-color: crimson;
        color: beige;
        border-radius: 9px;
    }
    #call-option{
        clear: none;
        float: left;
        width: 30%;
        font-size: 130%;
        text-align:center;
        visibility:hidden;
    }
    #text-option{
        clear: none;
        float: left;
        width: 30%;
        font-size: 130%;
        text-align:center;
        visibility:hidden;
    }




    #menu{
        clear: none;
        float: left;
        width: 98%;
    }
    #button-language{
        clear: none;
        float: left;
        margin: 1% 12% 3% 21%;
        padding: 1%;
		width: 60%;
        font-size: 130%;
		font-weight: bolder;
        color: crimson; 
        box-shadow: -1px 3px 3px rgb(106, 106, 106);  
        border-radius: 9px;
		text-align: center;
        transition: ease-in-out 0.5s;
    }
    #button-mobile{
        clear: none;
        float: left;
        margin: 1% 12% 3% 21%;
        padding: 1%;
		width: 60%;
        font-size: 130%;
		font-weight: bolder;
        color: crimson; 
        box-shadow: -1px 3px 3px rgb(106, 106, 106);  
        border-radius: 9px;
		text-align: center;
        transition: ease-in-out 0.5s;
		visibility: visible;
    }
    #button-current-page{
        clear: none;
        float: left;
        margin: 3% 1%;
        padding: 1% 0%;
        font-size: 111%;
        border-bottom: red thin solid;   
		visibility: hidden;
    }
    #button{
        clear: none;
        float: left;
        margin: 3% 1%;
        padding: 1% 0%;
        font-size: 111%;   
        transition: ease-in-out 0.5s;
        background-color: inherit;
        color: inherit;
        box-shadow: 0px 0px 0px white;
        border-radius: 9px;
		visibility: hidden;
    }

	
	

    #footer-logo {
        clear: none;
        float: left;
        width: 30%;
        margin: 3% 35% 1% 35%;
        text-align: center;
    }
    #footer-content{
        clear: none;
        float: left;
        width: 90%;
        margin: 1% 5%;
        text-align: center;
        color: rgb(17, 100, 167);
    }
    #copyright {
        color: rgb(109, 131, 148);
    }

    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/
    /*=============HOME PAGE========================*/



    #legal-representation{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #legal-representation-image{
        clear: none;
        float: left;
        width: 1%;
        margin: 0%;
        padding: 0%;
    }
    #legal-representation-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
		background-image: linear-gradient(rgba(0,58,63,0.53),rgba(0, 0, 0, 0.5)) ,url("images/pexels-mikhail-nilov-8730785.jpg");
		background-size:cover;
		background-repeat: no-repeat;
    }
    #legal-representation-title{
        clear: none;
        float: left;
        width: 98%;
        margin: 6% 1% 1% 3%;
        padding: 0%;
        font-size: 180%;
        font-weight: bolder;
        color:#FFFFFF;
        border-bottom: maroon thin solid;
    }
    #legal-representation-written-content{
        clear: none;
        float: left;
        width: 98%;
        margin: 0% 0% 3% 6%; 
        padding: 0%;
        font-size: 180%;
		color: #FFFFFF;
    }



    #lawyer-robert{
        clear: none;
        float: left;
        width: 99.9%;
        margin: 0%;
        padding: 0%;
        background-color:  rgb(5, 35, 60);
		display: flex; flex-direction: column; 
    }
    #lawyer-robert-image{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
		order: 1;
    }
    #lawyer-robert-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 3% 0%;
        padding: 0%;
        color: azure;
		order: 2;
		text-align: center;
    }
    #lawyer-robert-title{
        clear: none;
        float: left;
        width: 90%;
        margin: 0% 5% 1% 5%;
        padding: 1% 0%;
        font-size: 180%;
        font-weight: bolder;
        color: rgb(255, 255, 255);
        border-bottom: maroon thin solid;
        text-align: center;
    }
    #lawyer-robert-written-content{
        clear: none;
        float: left;
        width: 98%;
        margin: 0% 0% 3% 0%; 
        padding: 0%;
        font-size: 150%;
        text-align: center;
    }


    #meet-the-legal-team{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #meet-the-legal-team-image{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #meet-the-legal-team-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #meet-the-legal-team-title{
        clear: none;
        float: left;
        width: 98%;
        margin: 6% 0% 1% 1%;
        padding: 0%;
        font-size: 160%;
        font-weight: bolder;
        color: maroon;
        border-bottom: maroon thin solid;
		text-align: center;
    }
    #meet-the-legal-team-written-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 0% 0% 3% 0%; 
        padding: 0%;
        font-size: 150%;
		text-align: center;
    }









    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/
    /*=============Services PAGE========================*/






    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/
    /*=============Contact PAGE========================*/

    #contact-methods{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;

    }

    #email-tab{
        clear: none;
        float: left;
        width: 60%;
        margin: 3% 20%;
        padding: 0%;
        text-align: center;
    }
    #email-title{
        clear: none;
        float: left;
        width: 98%;
        margin: 1%;
        padding: 1%;
        font-size: 300%;
        border-bottom: red thin solid;
    }
    #email{
        clear: none;
        float: left;
        width: 98%;
        margin: 1%;
        padding: 1%;
        font-size: 150%;
        color: inherit;
        background-color: inherit;
        border-radius:0px;
        transition: ease-in-out 0.5s;
    }

    #telephone-tab{
        clear: none;
        float: left;
        width: 60%;
        margin: 3% 20%;
        padding: 0%;
        text-align: center;
    }
    #telephone-title{
        clear: none;
        float: left;
        width: 98%;
        margin: 1%;
        padding: 1%;
        font-size: 300%;
        border-bottom: red thin solid;
    }
    #telephone{
        clear: none;
        float: left;
        width: 98%;
        margin: 1%;
        padding: 1%;
        font-size: 150%;
        color: inherit;
        background-color: inherit;
        border-radius:0px;
        transition: ease-in-out 0.5s;
    }

    #directions-tab{
        clear: none;
        float: left;
        width: 60%;
        margin: 3% 20%;
        padding: 0%;
        text-align: center;
    }
    #directions-title{
        clear: none;
        float: left;
        width: 98%;
        margin: 1%;
        padding: 1%;
        font-size: 300%;
        border-bottom: red thin solid;
    }
    #directions{
        clear: none;
        float: left;
        width: 98%;
        margin: 1%;
        padding: 1%;
        font-size: 150%;
        color: inherit;
        background-color: inherit;
        border-radius:0px;
        transition: ease-in-out 0.5s;
    }


    #department-directory{
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(255,255,255,0.00);
    color: #001017;
    }
    #department-directory-title{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
        text-align: center;
        font-size: 300%;
    }
    #department-directory-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #directory-icons{
        font-size: 210%;
    }



    #billing-department{
        clear: none;
        float: left;
        width: 90%;
        margin: 1.6% 5%;
        /*height:600px;*/
        padding: 0%;
        border: thin solid crimson;
        border-radius: 9px;

    }
	#billing-deparment-icon{
		clear: none;
		float: left;
		font-size: 210%;
		margin: 1% 40%;
		-webkit-text-stroke: 1px;
		-webkit-text-stroke-color:#007DFF;
	}
    #billing-department-title{
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 1% 0%;
	font-size: 400%;
	text-align: center;
	border-bottom: thin solid #B50407;
	background-image: linear-gradient(rgba(0,54,58,0.53),rgba(0, 0, 0, 0.5)) ,url("images/pexels-eva-bronzini-7598536green.jpg");
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size:cover;
	color: #9DE6FA;
	text-shadow: -2px 2px 6px black;
    }
    #billing-department-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 1% 0% 3% 0%;
        padding: 0%;
        text-align: center;
        font-size: 180%;
    }

    #free-consultation{
        clear: none;
        float: left;
        width: 90%;
        margin: 1.6% 5%;
        /*height:810px;*/
        padding: 0%;
        border: thin solid crimson;
        border-radius: 9px;

    }
	
	#free-consultation-icon{
		clear: none;
		float: left;
		font-size: 210%;
		margin: 1% 40%;
		-webkit-text-stroke: 1px;
		-webkit-text-stroke-color:#007DFF;
	}
	
    #free-consultation-title{
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 1% 0%;
	font-size: 400%;
	text-align: center;
	border-bottom: thin solid #B50407;
	background-image:linear-gradient(rgba(0,54,58,0.53),rgba(0, 0, 0, 0.5)) ,url("images/pexels-eva-bronzini-7598536.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	color: #D0F3FC;
	text-shadow: -2px 2px 6px black;
    }
    #free-consultation-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 1% 0% 3% 0%;
        padding: 0%;
        text-align: center;
        font-size: 180%;
    }

    #check-my-case{
        clear: none;
        float: left;
        width: 90%;
        margin: 1.6% 5%;
        /*height:960px;*/
        padding: 0%;
        border: thin solid crimson;
        border-radius: 9px;

    }
	#check-mu-case-icon{
		clear: none;
		float: left;
		font-size: 210%;
		margin: 1% 40%;
		-webkit-text-stroke: 1px;
		-webkit-text-stroke-color:#007DFF;
	}
    #check-my-case-title{
	clear: none;
	float: left;
	width: 100%;
	margin: 0%;
	padding: 1% 0%;
	font-size: 400%;
	text-align: center;
	border-bottom: thin solid #B50407;
	background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) ,url("images/pexels-eva-bronzini-7598536blue.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
		background-position: center;
	background-size: cover;
	color: #9DE6FA;
	text-shadow: -2px 2px 6px black;
    }
    #check-my-case-content{
        clear: none;
        float: left;
        width: 100%;
        margin: 1% 0% 3% 0%;
        padding: 0%;
        text-align: center;
        font-size: 180%;
    }



    #social-sites{
        clear: none;
        float: left;
        width: 100%;
        margin: 0%;
        padding: 0%;
    }
    #social-sites-title{
        clear: none;
        float: left;
        width: 90%;
        margin: 6% 5% 3% 5%;
        padding: 1% 0% 1% 0%;
        border: thin solid crimson;
        border-radius: 9px;
        font-size: 180%;
        text-align: center;
        box-shadow: -6px 6px 6px grey ;

    }
    #facebook{
        clear: none;
        float: left;
        width: 9%;
        margin: 2% 2% 2% 21%;
        padding: 0%;
        color: rgb(34, 34, 34);
        font-size: 300%;
        text-align: center;
        transition: ease-in-out 0.5s;
    }
    #facebook:hover{
        clear: none;
        float: left;
        width: 9%;
        margin: 0% 2% 0% 27%;
        padding: 0%;
        color: blue;
        font-size: 510%;
        text-align: center;
        transition: ease-in-out 0.5s;
    }
    #instagram{
        clear: none;
        float: left;
        width: 9%;
        margin: 2% 5%;
        padding: 0%;
        color: rgb(34, 34, 34);
        font-size: 300%;
        text-align: center;
        transition: ease-in-out 0.5s;
    }
    #instagram:hover{
        clear: none;
        float: left;
        width: 9%;
        margin: 0% 2% 0% 2%;
        padding: 0%;
        color: rgb(255, 0, 102);
        font-size: 510%;
        text-align: center;
        transition: ease-in-out 0.5s;
    }

    #youtube{
        clear: none;
        float: left;
        width: 9%;
        margin: 2% 5%;
        padding: 0%;
        color: rgb(34, 34, 34);
        font-size: 300%;
        text-align: center;
        transition: ease-in-out 0.5s;
    }
    #youtube:hover{
        clear: none;
        float: left;
        width: 9%;
        margin: 0% 2% 0% 2%;
        padding: 0%;
        color: rgb(201, 4, 4);
        font-size: 510%;
        text-align: center;
        transition: ease-in-out 0.5s;
    }

    #tiktok{
        clear: none;
        float: left;
        width: 9%;
        margin: 2% 5%;
        padding: 0%;
        color: rgb(0, 0, 0);
        font-size: 300%;
        text-align: center;
        transition: ease-in-out 0.5s;
    }
    #tiktok:hover{
        clear: none;
        float: left;
        width: 9%;
        margin: 0% 2% 0% 2%;
        padding: 0%;
        color: rgb(0, 0, 0);
        font-size: 510%;
        text-align: center;
        transition: ease-in-out 0.5s;
        text-shadow: -0px -0px 15px rgb(255, 0, 149);
        -webkit-text-stroke:3px aqua ;
    }


    #map{
        clear: none;
        float: left;
        width: 100%;
        margin: 1% 0% 6% 0%;
    }
    #map-title{
        clear: none;
        float: left;
        width: 81%;
        margin: 1% 9.5% 1% 9.5%;
        padding: 1% 0% 1% 0%;
        border-bottom: thin solid crimson;
        border-radius: 9px;
        font-size: 150%;
        text-align: center;
    }
    #map-content{
        clear: none;
        float: left;
        width: 81%;
        margin: 0% 9.5% 3% 9.5%;
        padding: 1% 0% 1% 0%;
        border-radius: 9px;
        font-size: 120%;
        text-align: center;
    }

    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
    /*=============DETENIDOS PAGE========================*/
	
	
	
	
	
	/*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
    /*=============CONOCENOS PAGE========================*/
	
	#team-member{
		clear: none;
		float: left;
		width: 90%;
		margin: 1% 3%;
		padding: 0%;
	}
	#team-member-photo{
		clear: none;
		float: left;
		width: 100%;
		margin: 1% 3%;
		padding: 0%;
		text-align: center;
	}
	#team-memeber-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 1% 0%;
		padding: 0%;
		text-align: center;
	}
	#team-member-name{
		clear: none;
		float: left;
		width: 99%;
		margin: 1% 3% 1% 1%;
		padding: 0%;
		font-size: 300%;
		border-bottom: #8E0002 thin solid;
		
	}
	#team-member-job{
		clear: none;
		float: left;
		width: 90%;
		margin: 1% 3%;
		padding: 0%;
		font-size: 210%;
	}
	
	
	
	/*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
    /*=============ROBERT K LACY PAGE========================*/
	#robert-lacy-description{
		clear: none;
		float: left;
		width: 90%;
		margin: 1% 3%;
		padding: 0%;
		font-size: 150%;
	}
	




}