/*The page in it's entirety*/
body {
    background-size: cover;
    background-image: url(FenixTapet2.jpg);
    background-position: center;
    background-attachment: fixed;
    background-repeat: repeat;
    margin: 0px;
    padding:0px;
}

/*Image size when on PC*/
@media only screen and (min-width: 1100px) {
    img {
        max-width: 100%;
        height: auto;
    }
    #map {
        width: 900px;
    }
}
/*Image size when on mobile device*/
@media only screen and (max-width: 1100px) {
    img {
        width: 50%;
        height: auto;
    }
    
}

/*Div text font size when on PC*/
@media only screen and (min-width: 1100px) {
    #Header {
        font-size: 1.2vw;
    }
    #text1 {
        font-size: 2.2vw;
    }
    #text2 {
        font-size: 1.2vw;
    }
    #text3 {
        font-size: 1.2vw;
    }
}
/*Div text font size when on mobile device*/
@media only screen and (max-width: 1100px) {
    #Header {
        font-size: 3vw;
    }
    #text1 {
        font-size: 6vw;
    }
    #text2 {
        font-size: 4vw;
    }
    #text3 {
        font-size: 4vw;
    }
}



/*The logo and links*/
#Header {
    margin: auto;
    
    /*The background of the header*/
    background-color: #000000;
    padding-top: 10px;
    
    /*The text of the header*/
    color: white;
    font-family: Montserrat, sans-serif;
    text-align: center;
}





/*The first panel of the website*/
#text1 {
    margin: auto;
    /*The text of the div*/
    color: white;
    font-family: Montserrat, sans-serif;
    text-align: center;
    font-weight: bold;
    
}



/*The About section of the website*/
#text2 {
   
    /*The background of the div*/
    background-color: #ffffff;
    
    /*The text of the div*/
    color: black;
    font-family: Montserrat, sans-serif;
    text-align: center;
    
    
    
    
    width:100%;
}
#About {
    margin-left: 20%;
    margin-right: 20%;
    text-align: left;
}



#map {
    font-family: Montserrat, sans-serif;
    /*width: 1000px;*/
    height: 600px;
    background-color: grey;
}
@media only screen and (max-width: 500px) {

    #map {
        height: 400px;
    }


}

#text3 {
    /*The background of the div*/
    
    /*The text of the div*/
    color: white;
    font-family: Montserrat, sans-serif;
    text-align: center;
    font-weight: bold;
    width: 100%;
    
}

#Bottom {
    margin: auto;
    /*The background of the header*/
    background-color: #000000;
    padding-bottom: 10px;
    /*The text of the header*/
    color: white;
    font-family: Montserrat, sans-serif;
    text-align: center;
}