body{
font-family: Verdana, sans-serif;
font-size: 16px;
background-color: #FFF;
width: 100%;
height: auto;
margin: 0;
}

.demotile{
font-family: Arial, sans-serif;	
padding: 1% 0;
color: #74c365;
width: 100%;
height: auto;
font-size: 20px;
font-weight: bold;
border-bottom: 0.1em solid lightgray;
}

.liveresult, .membership, .businessaccounts, .mainpage{
color: #74c365;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.democontainer{
font-family: Verdana, sans-serif;
letter-spacing: 1px;
width: 100%;
height: auto;
padding-bottom: 20px;
display: block;
justify-content: center;
align-items: center;
}

.rowdemotext{
width: 100%;
}

.demodescdetail{
width: 100%;
height: auto;	
}

.demodescdetail p{
margin: 5% 0;
width: 100%;
height: auto;
font-size: 15px;
}

.rowdemomedia{
width: 100%;
}

.demomediacontent{
width: 100%;/*auto;*/
height: auto;
text-align: center;
}

.demomediaimg{
width: 100%;
height: 300px;
}

html { font-size: 16px; }

@media screen and (min-width: 25em){
html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
}

@media screen and (min-width: 25em){
html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
}
@media screen and (min-width: 50em){

html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
}

footer{
padding-top: 20px;
border: none;
width: 100%;
font-size: 14px;
color: lightgray;
text-align:center;
}

@media only screen and (min-width: 1200px){
body{
font-family: Verdana, sans-serif;
font-size: 16px;
background-color: #FFF;
width: 50vw;
height: auto;
margin-left: 25vw;
margin-right: 25vw;
}

.democontainer{
font-family: Verdana, sans-serif;
letter-spacing: 1px;
width: 100%;
height: auto;
padding-bottom: 20px;
display: block;
justify-content: center;
align-items: center;
}

.rowdemomedia{
width: auto;
}

.demomediacontent{
width: 100%;/*auto;*/
height: auto;
text-align: center;
}

.demomediaimg{
width: 450px;/*49.5vw;	*/
height: 300px;/*400px;*/
background-color: #FFF;
}

footer{
padding-top: 20px;
border: none;
width: 100%;
font-size: 14px;
color: lightgray;
text-align:center;
}

}

@media screen and (min-width: 992px){
body{
font-family: Verdana, sans-serif;
font-size: 16px;
background-color: #FFF;
width: 50vw;
height: auto;
margin-left: 25vw;
margin-right: 25vw;
}

.democontainer{
font-family: Verdana, sans-serif;
letter-spacing: 1px;
width: 100%;
height: auto;
padding-bottom: 20px;
display: block;
justify-content: center;
align-items: center;
}

.rowdemomedia{
width: auto;
}

.demomediacontent{
width: 100%;/*auto;*/
height: auto;
text-align: center;
}

.demomediaimg{
width: 450px;/*49.5vw;	*/
height: 300px;/*400px;*/
background-color: #FFF;
}

footer{
padding-top: 20px;
border: none;
width: 100%;
font-size: 14px;
color: lightgray;
text-align:center;
}

}

@media screen and (max-width: 992px){
.updatecontainer{
width: 100%;
display: block;
justify-content: center;
align-items: center;
}

.rowmediaupdate{
width: auto;	
height: auto;
}

.updatecontent{
width: auto;	
height: auto;
}

.demomediaimg{
width: 49.2vw;	
max-width: 98.5vw;
height: 300px;/*400px;*/
background-color: #FFF;
}

.rowdescupdate{
font-size: 15px;
overflow: hidden;
width: 100%;
}

}


@media screen and (min-width: 768px){
.demodescdetail #promolang7{
font-size: 11px;
}
}

@media screen and (max-width: 768px){
body{
font-family: Arial, sans-serif;
font-size: 15px;
background-color: #FFF;
width: 100%;
height: auto;
margin: 0;
}

.demodescdetail #promolang7{
font-size: 11px;
}
}

@media screen and (max-width: 600px){
.demomediaimg{
width: 98.5vw;/*98.5vw;*/
height: 300px;
background-color: #FFF;
}

.demodescdetail p{
margin: 5% 0;
width: 100%;
height: auto;
font-size: 15px;
}

.mainpage{
color: #74c365;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

.demodescdetail #promolang7{
font-size: 11px;
}
}

/* On portrait tablets and large phones*/
@media only screen and (max-width: 380px) {
.demodescdetail p{
margin: 5% 0;
width: 100%;
height: auto;
font-size: 14px;
}

.mainpage{
color: #74c365;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
}

.demodescdetail #promolang7{
font-size: 11px;
}