@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');



        body {
            margin: 0;
            padding: 0;
            height: 100vh;
            font-family: 'Roboto Condensed', sans-serif;
            color: #0f4582;
            background-color: #fafafa;
            font-size: 100%;
            
        }

        h1 {
            font-size: 1.4em;
        }

        #wrapper {
            position: relative;
            margin: 0 auto;
            max-width: 50vmin;
            min-height: 100%;
            background-color: white;
            padding: 0 2vmin 5vmin;
            box-sizing: border-box;
            box-shadow: rgba(0,0,0,.1) 0px 0px 32px;

        }
        #layout{
            width: 100%;
            height: auto;

            display: grid;
            grid-template-columns: 1fr;
            

        }
        article{
            margin:1vmin 0 2vmin;
            display: block;
            background-color:white;
            color: black;

        }
        article img{
            width: 100%;
        }
        article h2{
            color:#0f4582;
            text-transform: uppercase;
        }

        article li{
            margin-bottom: 1vmin;
            list-style-type: square;
         

        }
        article li:last-child{
            margin-bottom: 4vmin;
        }

        #s1{
            background-color:  #0f4582;
            color:white;
            position: relative;
        }
        #s1 div{
            text-align: center;
                    
        }
        #s1 ul{
            font-size: 1.4em;
            display: inline-block;
            text-align: left;
            list-style-image: url("images/haken.png");


        }
        #s1 ul li{
            margin: 1vmin;
        }
        #s1 ul li:last-child{
            text-decoration:underline;
            margin-bottom: 4vmin;
        }
        .infoBox{
            background-color:  #0f4582;
            color: white;
            box-sizing: border-box;
            padding: 2vmin;
        }
        .infoBox h2{
        color:white;
        }
        #s5 table{
            display: table;
  table-layout: fixed;
  width: 100%;
        }
  
        #s5 td{
            width: 33.333333333333%;
            vertical-align: top;
        }
        

.phone{
    text-decoration: none;
    color:inherit;
}


@media (hover: none) and (orientation: portrait)
{    
    #wrapper {
          
            width: 90vmin;
            max-width: 90vmin;

        }
        #layout{
        }
}
        /* #084783 */