@charset "UTF-8";
/* CSS Document */


*:not(input):not(textarea) {
   -webkit-user-select: none; /* disable selection/Copy of web content */
   -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}

input {
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    box-shadow: none !important;
}

input:focus {
    -webkit-appearance: none !important;
    outline: none !important;
    box-shadow: none !important;
}

select:focus {
    -webkit-appearance: none !important;
    outline: none !important;
    box-shadow: none !important;
}

::placeholder {
    color: rgba(128,128,128,1.00);
    opacity: 1.00;
}



/* define standard CSS defaults for Vamuso */

html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td, video {
	margin: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}


html, body {
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

select:focus {
    outline: none !important;
    box-shadow: none !important;
}



/* clearFix for buggy browsers */

.clearFix {
	clear: both;
}

.noDec {
    text-decoration: none;
}





/* main css definitions */




.robotoBlack {
    font-family: roboto;
font-weight: 900;
font-style: normal;
}


.robotoReg {
    font-family: roboto;
font-weight: 400;
font-style: normal;
}

.robotoItalic {
font-family: roboto;
font-weight: 400;
font-style: italic;
}

.fontTitle {
    font-size: 6vmin;
    color: rgba(255,255,255,1.00);
    text-shadow: 0px 1px 5px rgba(0,0,0,0.75);
}

.fontBody{
    font-size: 5vmin;
    color: rgba(255,255,255,1.00);
    text-shadow: 0px 1px 5px rgba(0,0,0,0.75);
}

.fontEmph {
  padding: 5px 5px 5px 5px;
  background-color: rgba(0, 0, 0, 0.20);
}


.emailer {
    text-decoration: none;
    color: rgba(255,255,255,1.00);
    border-bottom-style: solid;
    border-bottom-width: 0.5vmin;
    border-bottom-color: rgba(255,255,255,0.49);
    transition: border-bottom-color 0.25s;
}

.emailer:hover {
    border-bottom-color: rgba(255,255,255,1.00);
}
.emailer:active {
    border-bottom-color: rgba(255,255,255,0.50);
}


@media (pointer:fine) {
.logoPage {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(logobkgndf.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.infoPage {
    width: 100%;
    height: 100%;
    background-color: rgba(254,178,179,1.00);
    display: flex;
    justify-content: center;
    align-items: center;
     background: url(infobkgndf.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contactPage {
    width: 100%;
    height: 100%;
    background-color: rgba(178,220,254,1.00);
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(contactbkgndf.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
}


@media (pointer: coarse) {
   .logoPage {
       width: 100%;
       height: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
       background: url(logobkgndf.jpg) no-repeat center center scroll; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
   }
   
   .infoPage {
       width: 100%;
       height: 100%;
       background-color: rgba(254,178,179,1.00);
       display: flex;
       justify-content: center;
       align-items: center;
        background: url(infobkgndf.jpg) no-repeat center center scroll; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
   }
   
   .contactPage {
       width: 100%;
       height: 100%;
       background-color: rgba(178,220,254,1.00);
       display: flex;
       justify-content: center;
       align-items: center;
       background: url(contactbkgndf.jpg) no-repeat center center scroll; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
   }
}


.logoContent {
    display: block;
    width: 30%;
    aspect-ratio: 1/1;
    background-image: url("logo.svg");
    margin-left: 60%;
    margin-right: 10%;
}


.infoContent {
    display: block;
    width: 70%;
    height: auto;
    margin-left: 10%;
    margin-right: 30%;
}


.contactContent {
    display: block;
    width: 70%;
    height: auto;
    margin-left: 30%;
    margin-right: 10%;
    text-align: right;
}




















