body{
    overflow-y: hidden;
    overflow-x: hidden;
    background-image: url(./img/bg6.jpg);
    background-size: cover;
}

/* desktop */
@media only screen
and (min-device-width : 600px)
{
.name{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    font-size: 300%;
    top: 38%;
    font-family: helvetica; 
    font-weight: 700; 
    color: white; 
}


.searchBar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100%;
    min-width: 57%;
    position: fixed;
}

.label{
    font-size: 2vw;
    font-family: monospace;
    font-weight: 900;   
    height: 2vw;
}

.logo{
    font-size: 2vw;
    height: 3vw;
}

.subLabel{
    font-family: monospace;
    margin: 1%;   
    display: inline-block;
}

.subLogo{
    font-size:1vw; 
    height:1vw;
}

.instructions{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-width: 100%;
    position: fixed;
    bottom: 10%;
    font-family: monospace;
    font-weight: 600;
    font-size: 1vw;
    color: white;
}

.clock{
    float:right;
    display: flex;
    margin: 2%;
}

#search{
    height: 3vw; 
    width: 40vw; 
    font-size: 2vw; 
    position:fixed;
}

}

/* mobile */
@media only screen
and (max-device-width : 600px)
{
.name{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    font-size: 500%;
    top: 40%;
    font-family: helvetica; 
    font-weight: 700; 
    color: white; 
}


.searchBar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100%;
    min-width: 20%;
    position: fixed;
}

.label{
    font-size: 5vw;
    font-family: monospace;
    font-weight: 900;   
    height: 2vw;
}

.logo{
    font-size: 10vw;
    height: 10vw;
}

.subLabel{
    font-family: monospace;
    margin: 1%;
    display: contents;   
}

.subLogo{
    font-size:1vw; 
    height:3vw;
}

.instructions{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    position: fixed;
    bottom: 10%;
    font-family: monospace;
    font-weight: 600;
    font-size: 4vw;
    color: white;
    margin-left: auto;
    margin-right: auto;
}

.clock{
    float:right;
    display: flex;
    margin: 2%;
    display: none;
}

#search{
    height: 10vw;
    width: 70vw;
    font-size: 7vw;
    position: fixed;
}
}