/*************************
Media Query - Tablets
*************************/
@media only screen and (min-width: 569px) {
    /* Tablets */

body {
    xbackground-color: skyblue;
}

.header-row {
    width: 60%;
}

.content {
    width: 60%;
}

.icon-menu-btn, .icon-menu-text, .icon-search-btn {
	xcolor: red;
}

.content-home{
    xdisplay: none;
    margin-top: 90px;
    xwidth: 600px;
    width: 100%;
    height: 800px;
    background-image: url("img/fkhomepage.png");    
    background-size: 600px 800px;
    xbackground-size: 100% 100%;
    background-repeat: no-repeat;
    xbackground-color: yellow;
    background-position: center;
    overflow: auto;

}

.xicon-menu-text {
    display: inline-block;
    position: absolute;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 24px;
}

  
.nav-main {
    display: none;
    position: relative;
    float: right;
    width: 100%;
    height: 100%;
    margin-left: 250px ;
    margin-right: auto;
    margin-top: -68px;
    overflow: auto;
}

.nav-main ul li a {
    color: white;
}

.logo a {
    text-align: left;
    font-size: 32px;
}    

.xnav-search {
    display: inline;
    position: relative;
    float: left;
    margin-top: 20px; 
    left: 55px;
    margin-right: auto;
    width: 90%;
}

.modal-content {
    margin: 10% auto; /* 15% from the top and centered */
    width: 80%; /* Could be more or less, depending on screen size */
}

.tabcontent-home {
    position: relative;
    xfloat: left;
    background-size: 500px ;
    height: 700px;
    margin-top: 90px;
}

#Top.SongList .ArtistName {
    padding-left: 10px;

}

.ArtistName, .SongName {
    display: inline-block;
    xfont-size: 15px;
    xcolor: blue;
    padding-left: 10px;
}

.SingerRequestForm {
    width: 50%;
}

}

/*************************
Media Query - Desktop
*************************/
@media only screen and (min-width: 769px) {
    /* Desktops */

body {
    xbackground-color: yellow;
}

.tabcontent-home {
    xposition: relative;
    xfloat: left;
    xbackground-image: url("img/fkshow.JPG");
    background-size: 900px ;
    xbackground-repeat: no-repeat;
    xwidth: 100%;
    height: 1200px;
    margin-top: 90px;
}

    
.xnav-search {
    float: right;
    width: 300px;
}

.xnav-search {
    display: inline;
    position: relative;
    xfloat: left;
    margin-top: 20px; 
    left: -45px;
    margin-right: auto;
    width: 90%;
}

}