/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{.mainHeader
{
  background-color:white;
  margin:0.1vh;
  text-align:center;
  display: grid;
  grid-template-areas:
'logo' 'websiteTitle''topContacts';
    gap: 0.1pvh;
    position: relative;
}
.logo img{text-align: center; margin: 0.1vh; width:70px;}
.logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
}
.websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
.websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
.topContacts h2{display:none;}
.firstSection h1, .firstSection h2
{
  text-align:center;
  text-shadow: 1px 2px 26px #1f1e1d;
  justify-content:center;
}
.firstSection h2{font-size: medium; color: orangered}
.firstSection p{justify-content: center; text-align:center;}
.footerContacts p{justify-content: center; text-align:center;}
.tileSection
{
  background-color:rgb(224, 224, 224);

  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
  "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
}
.tile
{
  border: 1px solid black;
  text-align:center;
  padding:10px;
  margin: 5px;
  box-sizing: border-box;
  width:auto;
  height: 60px;

  font-size:inherit;
  font-weight: 550;

  text-shadow: 20px 0.5px 30px;
}}

    
    /* Smartphones (landscape) ----------- */
    
    @media only screen and (min-width : 321px)
    {
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1vh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    
    
    /* Smartphones (portrait) ----------- */
    
    @media only screen and (max-width : 320px)
    {
    /* Styles */
    .mainHeader
{
  background-color:white;
  margin:0.1vh;
  text-align:center;
  display: grid;
  grid-template-areas:
'logo' 'websiteTitle''topContacts';
    gap: 0.1pvh;
    position: relative;
}
.logo img{text-align: center; margin: 0.1vh; width:70px;}
.logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
}
.websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
.websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
.topContacts h2{display:none;}
.firstSection h1, .firstSection h2
{
  text-align:center;
  text-shadow: 1px 2px 26px #1f1e1d;
  justify-content:center;
}
.firstSection h2{font-size: medium; color: orangered}
.firstSection p{justify-content: center; text-align:center;}
.footerContacts p{justify-content: center; text-align:center;}
.tileSection
{
  background-color:rgb(224, 224, 224);

  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
  "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
}
.tile
{
  border: 1px solid black;
  text-align:center;
  padding:10px;
  margin: 5px;
  box-sizing: border-box;
  width:auto;
  height: 60pxinherit;
  font-weight: 550;

  text-shadow: 20px 0.5px 30px;
}
    }
    
    /* iPads (portrait and landscape) ----------- */
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
    {
    /* Styles */
    }
    
    /* iPads (landscape) ----------- */
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    }
    
    /* iPads (portrait) ----------- */
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    }
    
    /**********
    iPad 3
    **********/
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    
    /* Desktops and laptops ----------- */
    
    @media only screen  and (min-width : 1224px) {
    /* Styles */
    }
    
    /* Large screens ----------- */
    @media only screen  and (min-width : 1824px) {
    /* Styles */
    }
    
    /* iPhone 4 ----------- */
    
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    /* iPhone 5 ----------- */
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    /* iPhone 6 ----------- */
    
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    /* iPhone 6+ ----------- */
    
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    /* Samsung Galaxy S3 ----------- */
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    /* Samsung Galaxy S4 ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    /* Samsung Galaxy S5 ----------- */
    
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }
    
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
        .mainHeader
        {
          background-color:white;
          margin:0.1vh;
          text-align:center;
          display: grid;
          grid-template-areas:
        'logo' 'websiteTitle''topContacts';
            gap: 0.1pvh;
            position: relative;
        }
        .logo img{text-align: center; margin: 0.1vh; width:70px;}
        .logo-sub-list{display:flex;text-align: center; justify-content:center;font-size:small;margin:0.1vh;float:center;position: relative;
        }
        .websiteTitle{position: relative;text-align: center; justify-content:center; margin: 0.1vh; padding:0.1vh;width:auto;height:auto; font-size:smaller;}
        .websiteTitle h2{display:flex;text-align: center; justify-content:center; margin:none; padding:none;}
        .topContacts h2{display:none;}
        .firstSection h1, .firstSection h2
        {
          text-align:center;
          text-shadow: 1px 2px 26px #1f1e1d;
          justify-content:center;
        }
        .firstSection h2{font-size: medium; color: orangered}
        .firstSection p{justify-content: center; text-align:center;}
        .footerContacts p{justify-content: center; text-align:center;}
        .tileSection
        {
          background-color:rgb(224, 224, 224);
        
          display: grid;
          grid-template-columns: 1fr;
          grid-template-areas:
          "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile" "tile";
        }
        .tile
        {
          border: 1px solid black;
          text-align:center;
          padding:10px;
          margin: 5px;
          box-sizing: border-box;
          width:auto;
          height: 60px;
        
  inherit;
          font-weight: 550;
        
          text-shadow: 20px 0.5px 30px;
        }
    }