body
{
    background-color: black;
    
    opacity:.8;
    
}



.main
{
    width: 100%;
    height: 100%;
background-image:url(../images/fb_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    padding:;
    
}


.welcome_text
{   margin-left: auto;
    margin-right: auto;
    width:100%;
    text-align: center;
    padding: 15%;
    padding-top: 0%;
    color: white;
    text-align: left;
    font-size: 900%;
    font-family: 'Roboto', sans-serif;
    font-stretch: expanded;
    font-weight: bold;
    
   background-color: rgba(0,0,0,.6);
    
   top: 10%;
    left: 0%;
    
    position: fixed;  
   
    }

.clinic
{
    width: 10%;
    height: 50px;
    border-radius: 25px;
    background-color: rgba(0,0,0,.6);
    color: white;
    font-size: 13%;
    font-family: 'Roboto', sans-serif;
    font-stretch: expanded;
    font-weight: bold;
    border-color: blueviolet;
    border-style: solid;
    border-width: thick;
    
}

.clinic:hover
{
    background-color: blueviolet;
}


.shop
{
    width: 10%;
    height: 50px;
    border-radius: 25px;
    background-color: rgba(0,0,0,.6);
    color: white;
    font-size: 13%;
    font-family: 'Roboto', sans-serif;
    font-stretch: expanded;
    font-weight: bold;
    border-color: #0096FF;
    border-style: solid;
    border-width: thick;
    
}

.shop:hover
{
    background-color: #0096FF;
}

.logo_container
{
    width: 100%;
    text-align: right;
    
}

.logo
{
    font-family: 'Lato', sans-serif;
    font-size: 250%;
    border-radius: 55px;
    color:white;
    background-color: rgba(255,255,255,.4);
    width: 25%;
    height: 10%;
    text-align: center;
    float: right;
    margin: auto;
    padding: 1%;
}


@media screen and (max-width: 450px)
    
{
    body
    {
        margin: -1px;
    }
    .welcome_text
{   margin-left: auto;
    margin-right: auto;
    width:100%;
    text-align: center;
    padding: 0%;
    padding-top: 0%;
    color: white;
    text-align: left;
    font-size: 250%;
    font-family: 'Roboto', sans-serif;
    font-stretch: expanded;
    font-weight: bold;
    padding-top: 25%;
    
   background-color: rgba(0,0,0,.6);
    
   top: 10%;
    left: 0%;
    
    position: fixed;  
   
    }

.clinic
{
    width: 40%;
    height: 35px;
    border-radius: 25px;
    background-color: rgba(0,0,0,.6);
    color: white;
    font-size: 30%;
    font-family: 'Roboto', sans-serif;
    font-stretch: expanded;
    font-weight: bold;
    border-color: blueviolet;
    border-style: solid;
    border-width: thick;
    
}

.clinic:hover
{
    background-color: blueviolet;
}


.shop
{
    width: 40%;
    height: 35px;
    border-radius: 25px;
    background-color: rgba(0,0,0,.6);
    color: white;
    font-size: 30%;
    font-family: 'Roboto', sans-serif;
    font-stretch: expanded;
    font-weight: bold;
    border-color: #0096FF;
    border-style: solid;
    border-width: thick;
    
}

.shop:hover
{
    background-color: #0096FF;
}

.logo_container
{
    width: 100%;
    text-align: center;
    
}

.logo
{
    font-family: 'Lato', sans-serif;
    font-size: 200%;
    border-radius: 0;
    color:white;
    background-color: rgba(255,255,255,.4);
    width: 100%;
    height: 10%;
    text-align: center;
    float: ;
    margin: ;
    padding: 0%;
    padding-top: 4%;
}
    
}