/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 13, 2021, 3:06:11 PM
    Author     : melisssa
*/

.menu-pages  {
        margin: .5% 0 1% 50%;
	height:100%;
	overflow:hidden;
	font-size: 1em;
        color: black;
        padding:.5em 0 0 16em;
        z-index: 50;
}

body > div.container-fluid > div > div > nav >a{
	color: black;
	outline:none!important;
}
body > div.container-fluid > div > div > nav > a:hover{
    color: #ff0000;
}
/*gallery*/
.photo-img {
    width: 400px; 
    height: 450px;
    overflow: hidden;
}
.photo-img a {
    display: inline-block;
    height: 100%;
    width: 100%;
    
}
.photo-img a img {
    height: 450px !important;
    width:100% !important;
}
/*info text*/
.infotext{
    font-family: cursive;
    font-size: 16px;
    line-height: 31px;
    font-style: italic;
}
.infotext2{
    font-family: cursive;
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
}


#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../img/menu-icon.png) center;

}

a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

}
a{
    border-bottom: none;
}
.photo-work {
    width: 250px; 
    height: 250px;
    overflow: hidden;
}
.photo-work a {
    display: inline-block;
    height: 100%;
    width: 100%;
    
}
.photo-work a img {
    height: 250px !important;
    width:100% !important;
}
 .photo-web {
    width: 250px; 
    height: 200px;
    overflow: hidden;
    border: 4px black solid;
}


.photo-web a {
    display: inline-block;
    height: 100%;
    width: 100%;
    
}
.photo-web a img {
    height: 150px !important;
    width:100% !important;
}

.games{
  
    display: inline-block;
    position: relative;
    text-align: center;
    color:white;
}
 @media screen and (min-width:400px) and (max-width:800px) {


     body > div.container-fluid .full-width {
         display: none;

     }

     #nav {
         display: inline-block;

     }

 }
 @media screen and (min-width:800px){

 
#nav .mobile{
    display:none;
}

 h6{
     text-align: center;
}
h6::after {
    display:none;
}

}