html {
    font-size: 100%; /*Sets my font size to atleast 100%*/   
    }
 
 body { /*Creates the base for my wesbsite*/
    
    
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif; /*sets my fonts*/
    /*overflow: hidden;*/
    background:url("images/backgroundcolor.png") no-repeat center center fixed;
    width: 100vw;
    height: 100vh;
    background-size: 100%;
    background-position: top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    font-family: 'M PLUS Rounded 1c', sans-serif;

 }

 h1 { /*sets my big welcome image*/
    font-size:250%;
    color:rgb(0, 0, 0);
    
}
h2 { /*Sets my text that introduces each section*/
    font-size: 150%;
    color: rgb(0, 0, 0);
    
}

h3 { 
    font-size: 300%; /*sets my white text for my welcome*/
    color: antiquewhite;
    padding: 0 0 25px 0;
}

h4,h5,h6 {

}


p{ /*Sets my paragraph text*/
    color: rgb(31, 31, 31);
    font-size: 175%;
    line-height: 2em;
}


 .container {
   
    width: 100vw;
    height: 100vh;
    background-size: 100%;
    background-position: top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    
 }

 .nav{
   width: 100%;
   display: flex;
   
}

.bread{
   height: 150px;
   display: inline-block;
   
   
}

.mobile {
   display: none;
}

.logo{
   height: 150px;
   width: 150px;
   display: inline-block;
   margin-left: auto;
   padding-top: 2%;
}

 .text {
   width: 100vw;
   
 }
 

 @media (max-width: 1172px) {
   .logo {
      display: none;
      }
   .text{
      margin-top:300px;
   }

 }



 @media (max-width: 800px) {
   .desk {
      display: none;
   }
   .mobile {
      display: block;
   }
 }

 @media (max-width: 460px) {
   .button {
      padding: 10px 60px;
   }
 }