/* Font for hamburger menu */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);

@-ms-viewport {
     width: device-width;
}  

html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}

body
{
    
    height:100%;
    
    /* Hamburger menu */
    font-family: "Lato", sans-serif;
    overflow:hidden;
    transition: background-color .5s;
}

#wrap
{
    clear:both;
    float:left;
    margin:auto;
    width:50%;
    border:1px solid gray;
    padding:10px;
    text-align:center;
}


.header:before {
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    filter: blur(10px); 
    filter: brightness(10%);
    margin: -20px;
}
.header
{
    /*width: 30rem;
    height: 65px;*/
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);   
    border-radius: 5px;
    position: relative;
    z-index: 1;
    background: inherit;
    overflow: hidden;
}


    

#middle
{
    height: 400px;
    width: 300px;
    position:absolute;
    top: 5%;
    left: 50%;
    margin-top: 70px;
    margin-left: -150px;
}

#SkypeButton_Call_audiobloke_1
{
    margin:0;
    padding:0;
    width:300px;
    height:400px;
    padding-bottom: 10px;    
}


.shadow 
{
    box-shadow: 5px 5px 7px grey;
}

#meteo
{
    clear:both;
    padding-top:15px;
    height:50px;
    width:300px;
}

.tripit
{
    margin-top:30px;
    width: 250px ;
    margin-left: auto ;
    margin-right: auto ;
    text-align:center;
    /*border: 1px solid black;*/
}

.britishprobs 
{
    padding:10px;    
    border-radius: 4px;    
    margin-top:10px;    
    background: rgba(20, 54, 54, 0.5);    
    color:White;
    overflow:hidden;
    resize:none;
    font-family: "Lato", sans-serif;
    font-size:small;    
}


#footer
{
    width:100%;
    position: absolute; 
    bottom: 0;
    text-align:center;
    margin-bottom:50px;
}