@media only screen
and (min-width: 992px) {  
    .a {
        font-family: 'Just Another Hand', cursive;
        font-size: 60px;
        color: black;
        font-weight: 400; 
    }

    .a2 {font-family: 'Just Another Hand', cursive;
    font-size: 32px;
    color: #000;
    font-weight: 400; }

    .a3 {font-family: 'Just Another Hand', cursive;
    font-size: 48px;
    color: #000;
    font-weight: 400; }

    .b {font-family: 'Fugaz One', cursive;
    font-size: 28px;
    color: #000;
    font-weight: 400; }

    .c {font-family: 'Engagement', cursive;
    font-size: 28px;
    color: #000;
    font-weight: 400; }

    .d {font-family: 'Ranchers', cursive;
    font-size: 28px;
    color: #DF5C6B;
    font-weight: 400; }

    .e {font-family: 'Paprika', cursive;
    font-size: 30px;
    color: #000000;
    font-weight: 400; }

    .f {font-family: 'Alef', sans-serif;
    font-size: 22px;
    color: #000000;
    font-weight: 400; }

    html, body{
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .aboutPara{
        background-color: #C2916E;
        text-align: center;
        font-family: sans-serif;
        font-size: 1.3em;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .famOwnd{
        position: absolute;
        padding-left: 53px;
        padding-right: 52px;
        padding-top: 35px;
        padding-bottom: 35px;
        margin: 0;
        font-family: 'Just Another Hand', cursive;
        font-size: 5em;
        font-weight: 400; 
    }

    .wbh{
        text-align: center; 
        font-family: sans-serif;
    }

    .wbl{
        font-family: sans-serif;
        font-size: 1.2em;
    }

    .about{
        text-align: center;
    }

    .highlight{
        text-decoration: none; 
        color: white;
    }
    
    
    
    h1{
        margin: 0; 
        background-color: #C2916E; 
        font-family: sans-serif;
        font-size: 2.3em;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .select{
        opacity: 1;
        transition: .5s ease;
        backface-visibility: hidden;
    }

    .select:hover{
        opacity: 0.5;
    }

    .fade-in {
              animation: fadeIn ease 1s;
              -webkit-animation: fadeIn ease 1s;
              -moz-animation: fadeIn ease 1s;
              -o-animation: fadeIn ease 1s;
              -ms-animation: fadeIn ease 1s;
        }

    @keyframes fadeIn {
      0% {
        opacity:0;
      }
      100% {
        opacity:1;
      }
    }

    footer{
        background-color: #31AAFF; 
        color: white;
        font-family: sans-serif;
        font-size: 1.5em;
        text-align: center;
        margin-left: -30%;
        margin-right: -30%;
    }

    ::-webkit-scrollbar {
      width: 10px;
    }

    ::-webkit-scrollbar-track {
      background: #f1f1f1; 
    }

    ::-webkit-scrollbar-thumb {
      background: #888; 
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }

    .link6 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #4C2187;
    }

    .link7 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #000000;
    }

    .link8 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #44049A;
    }
    .link9 {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 18px;
        color: #ffffff;
    }


    .links2 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 24px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #000;
    }
    .links3 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #000;
    }

    .nivoSlider {
        position:relative;
        width:100%;
        height:auto;
        overflow: hidden;
    }
    .nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
        max-width: none;
    }
    .nivo-main-image {
        display: block !important;
        position: relative !important; 
        width: 100% !important;
    }

    .nivoSlider a.nivo-imageLink {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        border:0;
        padding:0;
        margin:0;
        z-index:6;
        display:none;
        background:white; 
        filter:alpha(opacity=0); 
        opacity:0;
    }

    .nivo-slice {
        display:block;
        position:absolute;
        z-index:5;
        height:100%;
        top:0;
    }
    .nivo-box {
        display:block;
        position:absolute;
        z-index:5;
        overflow:hidden;
    }
    .nivo-box img { display:block; }

    .nivo-caption {
        position:absolute;
        left:0px;
        bottom:0px;
        background:#000;
        color:#fff;
        width:100%;
        z-index:8;
        padding: 5px 10px;
        opacity: 0.8;
        overflow: hidden;
        display: none;
        -moz-opacity: 0.8;
        filter:alpha(opacity=8);
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box;    
        box-sizing: border-box;         
    }
    .nivo-caption p {
        padding:5px;
        margin:0;
    }
    .nivo-caption a {
        display:inline !important;
    }
    .nivo-html-caption {
        display:none;
    }

    .nivo-directionNav a {
        position:absolute;
        top:45%;
        z-index:9;
        cursor:pointer;
    }
    .nivo-prevNav {
        left:0px;
    }
    .nivo-nextNav {
        right:0px;
    }

    .nivo-controlNav {
        text-align:center;
        padding: 15px 0;
    }
    .nivo-controlNav a {
        cursor:pointer;
    }
    .nivo-controlNav a.active {
        font-weight:bold;
    }

    .futurico-theme.slider-wrapper {
        position: relative;
        width: 610px;
        height: 358px;
        margin: 0;
        padding: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }



    .futurico-theme .nivoSlider {
        position: relative;
        width: 610px;
        height: 358px;
    }



    .futurico-theme .nivoSlider img {
        display: none;
        position: absolute;
        width: 610px;
        height: 358px;
        top: 0;
        left: 0;
    }


    .futurico-theme .nivo-controlNav {
        position: absolute;
        bottom: -40px;
        left: 275px;
    }

    .futurico-theme .nivo-controlNav a {
        display: block;
        float: left;
        width: 16px;
        height: 16px;
        margin-right: 5px;
        text-indent: -9999px;
        background: #141517;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);
        box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);

    }

    .futurico-theme .nivo-controlNav a.active, .futurico-theme .nivo-caption span {
        background: #a5cd4e;
        background: -moz-linear-gradient(top,  #FC2424 0%, #C00000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC2424), color-stop(100%,#C00000));
        background: -webkit-linear-gradient(top,  #FC2424 0%,#C00000 100%);
        background: -o-linear-gradient(top,  #FC2424 0%,#C00000 100%);
        background: -ms-linear-gradient(top,  #FC2424 0%,#C00000 100%);
        background: linear-gradient(top,  #FC2424 0%,#C00000 100%);
        -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255, .4), 0px 1px 1px rgba(0,0,0, .3);
        -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255, .4), 0px 1px 1px rgba(0,0,0, .3);
        box-shadow: inset 0px 1px 1px rgba(255,255,255, .4), 0px 1px 1px rgba(0,0,0, .3);

    }

    .futurico-theme .nivo-directionNav a {
        display: block;
        top: 60px;
        font-family: 'Consolas', sans-serif;
        font-size: 40px;
        color: #141517;
        text-shadow: 0px 1px 1px rgba(255,255,255, .05);

    }

    .futurico-theme a.nivo-prevNav { 
        left: -40px; 
    }

    .futurico-theme a.nivo-nextNav { 
        right: -40px; 
    }

    .zoom {
        transition: transform .2s;
    }

    .zoom:hover {

    }

    .button {
        color: white;
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: baseline;
        margin: 0 16px;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 20px/100% sans-serif;
        padding: .9em 1em .9em;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-border-radius: .5em; 
        -moz-border-radius: .5em;
        border-radius: .5em;
        transition: transform .2s;
    }

    .button:hover {
        text-decoration: none;
        -ms-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2); 
    }

    .button:active {
        position: relative;
        top: 1px;
    }

    .bigrounded {
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }
    .medium {
        font-size: 12px;
        padding: .4em 1.5em .42em;
    }
    .small {
        font-size: 11px;
        padding: .2em 1em .275em;
    }

    button::-moz-focus-inner {
      border: 0; }
    .link6 {
        font-family: Tahoma, Geneva, sans-serif;
    }
    
    .phoneAp{
        display: none;
    }
    
}

/*IPhone XR, 11*/
@media only screen
    and (min-device-width: 414px)
    and (max-device-width: 896px)
    and (-webkit-min-device-pixel-ratio: 2) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*Iphone XS Max, 11 Pro Max*/
@media only screen
    and (min-device-width: 414px)
    and (max-device-width: 896px)
    and (-webkit-min-device-pixel-ratio: 3) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*Iphone X*/
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 812px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*Iphone 6+, 7+ and 8+*/
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*IPhone 6, 6S, 7 and 8*/
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*IPhone 6, 6S, 7 and 8*/
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*Galaxy S8, S8+, S9, S9+, S10, S10+*/
@media only screen
    and (min-device-width: 360px)
    and (max-device-width: 740px)
    and (-webkit-min-device-pixel-ratio: 4) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*Galaxy S6, S7, S7 Edge*/
@media only screen
    and (min-device-width: 360px)
    and (max-device-width: 640px)
    and (-webkit-min-device-pixel-ratio: 4) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*Galaxy S4, S5, Note 3*/
@media only screen
    and (min-device-width: 360px)
    and (max-device-width: 640px)
    and (-webkit-min-device-pixel-ratio: 3) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}

/*Galaxy Note 10, 10+*/
@media only screen
    and (min-device-width: 360px)
    and (max-device-width: 718px)
    and (-webkit-min-device-pixel-ratio: 2) {
        .phoneDis{
    display: none;
}

body{
    overflow-x: hidden;
}

h2{
    font-family: sans-serif;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 2.5em;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 5px;
    background-color: #C2916E;
}

.images{
    margin-top: 3%;
    margin-bottom: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: fixed;
  width: 100%;
    
}

.topnav a:active {
  background-color: #ddd;
  color: black;
}

#sample {
	transition: transform 0.05s;
}

footer{
    background-color: #31AAFF; 
    color: white;
    font-family: sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-left: -30%;
    margin-right: -30%;
    margin-top: 2.5%;
    padding: 5px;
}

.list{
    font-family: sans-serif; 
    font-size: 1.6em; 
    text-align: left; 
    background-color: #C2916E;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    margin-bottom: 2.5%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wbh{
    font-size: 2em;
    margin: 5px;
    text-align: center;
}

.wbl{
    font-size: 1.5em;
}

.famOwnd{
    margin: 0;
    font-family: 'Just Another Hand', cursive;
    font-size: 4.5em;
    font-weight: 400; 
    padding-left: 2.5%;
    padding-left: 2.5%;
}
}