/*
 * Temporary stylesheet for Simple Connect
 * 
 * Launch: soon
 * 
 */

* {
    box-sizing: border-box;
}

html,
body {
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
}

body {}


/*   .container {
                        margin-left: auto;
                        margin-right: auto;
                        padding-left: 30px;
                        padding-right: 30px;
  }

  @media (min-width: 1200px) {
                        .container {
                                              width: 1170px;
                        }
  }

  @media (max-width: 1199px) and (min-width: 992px) {
                        .container {
                                              width: 970px;
                        }
 }

  @media (max-width: 991px) and (min-width: 768px) {
                        .container {
                                              width: 750px;
                        }
 } */

@keyframes fadein {
    from {
        opacity: 0;
        filter: blur(90px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
        filter: blur(90px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
    }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
        -webkit-filter: blur(90px);
    }
    to {
        opacity: 1;
        -webkit-filter: blur(0px);
    }
}


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
        filter: blur(90px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
        filter: blur(90px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
    }
}

img {
    max-width: 60vmin;
    max-height: 60vmin;
    width: auto;
    height: auto;
    display: block !important;
}

.logo-container {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    flex-flow: row wrap;
    margin-top: auto;
    margin-bottom: auto;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;   
}
.container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo-container #contact {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 0;
}

#contact h2 {
  margin-top: 45px;
  margin-bottom: 10px;
  font-size: 1.75rem !important;
}
h1 {
  font-size: 1.95rem;
  margin-bottom: 10px;
}
p {
  margin-top: 0;
  
}
.logo-container #contact {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 480px) {
  .logo-container #contact p strong {
    display: block;
    margin-top: 10px;
  }
}
.logo-container #contact p {
  line-height: 2;
}
.logo-container #contact dl dt {
  display: block;
  font-weight: 700;
  float: left;
}
.logo-container #contact dl dd {
  margin-bottom: 15px;
  display: block;
  float: left; 
  clear: right;
}
.logo-container #contact dl dd::after {
  content: '';
    clear: both;
    display: table;
    width: 100%;
}
.logo {
    /* margin-top: 5vh; */
    -webkit-animation: fadein 1860ms ease;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1860ms ease;
    /* Firefox < 16 */
    -ms-animation: fadein 1860ms ease;
    /* Internet Explorer */
    -o-animation: fadein 1860ms ease;
    /* Opera < 12.1 */
    animation: fadein 1860ms ease;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
  .container {
    position: relative;
    display: block;
  }
  .logo-container {
    max-height: none;
    height: auto !important;
    display: block;
    padding: 15px;
  }
    .logo-container #contact p {
      padding: 0;
      line-height: 1.8;
    }
  html, body {
    overflow: initial;
  }
}