/* -------  splash ------- */


@media screen and (max-width: 1180px) {
  .font-normal-1 {
    font-size:0.7em;
}}

@media screen and (max-width: 1180px) {
  .font-biko-3 {
    font-size:1.4em;
}}


@media screen and (max-width: 1000px) {
  .font-biko-1b {
    font-size:2.4em;
}}

@media screen and (max-width: 1000px) {
  .font-biko-1 {
    font-size:2.4em;
}}

@media screen and (max-width: 1000px) {
  .font-biko-yellowhuge {
    font-size:15em;
}}

@media screen and (max-width: 1000px) {
  .font-biko-3 {
    font-size:1.2em;
}}

@media screen and (max-width: 800px) {
  .font-biko-3 {
    font-size:1.2em;
    width:80%;
}}

@media screen and (max-width: 1000px) {
  .box-available-wrapper {
    width:90%;
}}

@media screen and (max-width: 1000px) {
  .site-header {
    width:95%;
}}

@media screen and (max-width: 700px) {
  .font-biko-2 {
    font-size:2.9em;
}}




/* -------  location ------- */


@media screen and (max-width: 1180px) {
  .font-ubuntu-1-map {
    font-size:3.8em
}}

@media screen and (max-width: 960px) {
  .font-ubuntu-1-map {
    font-size:3.1em;
    letter-spacing:0;
}}

@media screen and (max-width: 830px) {
  .font-ubuntu-1-map {
    font-size:2.6em;
    letter-spacing:0;
}}

@media screen and (max-width: 768px) {
  .font-ubuntu-1-map {
    font-size:2.6em;
    letter-spacing:0;
}}

@media screen and (max-width: 1050px) {
  .bubble {
  width:251px;
  height:200;

}}

@media screen and (max-width: 1050px) {
  .bubble2 {
  width:251px;
  height:200;

}}

@media screen and (max-width: 1050px) {
  .bubble3 {
  width:251px;
  height:200;

}}


@media screen and (max-width: 1050px) {
  .bubble-innerbox {
  	margin:25px 0 0 12px;
  	width:128px;
  	height:128px;

}}

@media screen and (max-width: 1050px) {
  .bubble-innerbox3 {
  	margin:20px 0 0 18px;
  	width:128px;
  	height:128px;

}}

@media screen and (max-width: 1050px) {
  .font-ubuntu-3 {
  	font-size:1.6em;

}}

@media screen and (max-width: 1050px) {
  .font-ubuntu-3b {
  	font-size:1.5em;

}}

@media screen and (max-width: 1050px) {
  .font-ubuntu-4 {
  	font-size:1.2em;

}}

@media screen and (max-width: 1050px) {
  .font-ubuntu-4b {
  	font-size:1.2em;

}}





/* -------  phonenumber ------- */

@media screen and (max-width: 1050px) {
  .iphone {
  	font-size:1.2em;

}}

@media only screen and (max-width: 1300px) {
  #fullframe-phonenumber {
    margin-top:-50px;

}}



@media only screen and (max-width: 1200px) {
  #fullframe-phonenumber {
    margin-top:-30px;

}}

@media only screen and (max-width: 1200px) {
  .iphone2 {
  width:270px;
  margin-top:20px;

}

  .font-phonenumber {
  font-size:7em;

}

  #fullframe-phonenumber {
  height:250px;

}}



@media only screen and (max-width: 770px) {
  .iphone2 {
  width:150px;
  margin-top:140px;

}

  .font-phonenumber {
  font-size:6em;

}

  #fullframe-phonenumber {
  height:230px;
  margin-top:-180px;

}}


@media only screen and (max-width: 840px) {
  .iphone2 {
  width:220px;
  margin-top:50px;

}

  .font-phonenumber {
  font-size:6em;

}

  .font-ubuntu-2 {
  font-size:2.9em;

}

  #fullframe-phonenumber {
  height:200px;
  margin-top:-100px;

}}


@media only screen and (min-width: 820px) and (max-width: 945px) {
  .font-phonenumber {
  font-size:5.6em;

}

.font-ubuntu-2 {
  font-size:2.2em; margin-top:60px;

}
}


@media only screen and (max-width: 768px) {
  .iphone2 {
  width:200px;
  margin-top:100px;

}

  .font-phonenumber {
  font-size:6em;

}

  .font-ubuntu-2 {
  font-size:2.9em;

}

  #fullframe-phonenumber {
  height:200px;
  margin-top:-250px;

}

.phonenumber-and-phone {
  margin: 0 auto; 
  width:80%;
  background:yellow;
}
}





/* -------  pricelist ------- */

@media only screen and (max-width: 1310px) {
  .font-pricetitle { font-size:1.8em; }
  .font-pricetitle-2 { font-size:1.2em; }
  .font-pricetitle-3 { font-size:1.2em; }
}

@media only screen and (max-width: 1320px) {
  .font-price-2b { font-size:2.5em; }

}


@media only screen and (max-width: 1150px) {
  .font-price-1 { font-size:3em }
  .font-price-2 { font-size:2em; }
  .font-biko-6 { margin-bottom:-8px; }
  .font-priceminutes { font-size:1.4em; }
  .font-price-2b { font-size:2.1em; margin-top:10px; }
}

@media only screen and (max-width: 1050px) {
  .pricearea { width:90%; }
  .pricebox-singletime-middle { height:50%; }
}


@media only screen and (max-width: 800px) {
  .font-pricetitle { font-size:1.4em; padding-top:10px;}
  .font-price-1 { font-size:2.5em }
  .font-price-2 { font-size:1.5em; }
}

@media only screen and (max-width: 840px) {
  .font-price-2b { font-size:1.8em; margin-top:10px; }
  .font-priceminutes2 { font-size:1.4em; }
}

@media only screen and (max-width: 900px) {
  .font-marker4-white { font-size:1.8em; }
}

@media only screen and (max-width: 1190px) {
  .graphics-towel { margin: 6% 15% 6% 0; }
  .graphics-card { margin: 6% 15% 6% 0; }
  .font-towel { font-size:2em; }
  .font-pricedisclaimerheader { font-size:1.7em; }
  .font-marker5 { font-size:1.2em; }
  .pricearea { margin-bottom:11%; }
}

@media only screen and (max-width: 830px) {
  .pricearea { margin-bottom:20%; }
}









/* -------  Viltu vinna á smart ------- */



@media only screen and (max-width: 1140px) {
    .gella { bottom:5%; }
    #fullframe-jobarea { height:900px;  }
    .font-biko-8 { font-size:1.5em; }
    .font-biko-whitehuge { font-size:15em; }
    .font-biko-9 { font-size:2.2em; }
    .font-marker-yellow { font-size:2.4em; margin: 11% 7% 7% 7%; }
}

@media only screen and (max-width: 910px) {
    .gella { bottom:15%; }
    #fullframe-jobarea { height:800px;  }
    .font-biko-8 { font-size:1.5em; }
    .font-biko-whitehuge { font-size:12em; }
    .font-biko-9 { font-size:2.2em; }
    .font-marker-yellow { font-size:2.4em; margin: 11% 7% 7% 7%; }
    .font-marker-to { font-size:4.2em; }
}

@media only screen and (max-width: 850px) {
    .gella { bottom:20%; }
    #fullframe-jobarea { height:750px;}
    .font-marker-to { font-size:3.4em; }
    .font-marker-yellow { font-size:2.4em; margin: 11% 7% 7% 7%; }
} 



@media only screen and (max-width: 610px) {
    #fullframe-jobarea { height:600px;  }
    .font-biko-whitehuge { font-size:10em; }
}

@media only screen and (max-width: 630px) {
    .font-marker-yellow { font-size:2.0em; margin: 9% 5% 5% 5%; }
}


@media only screen and (max-width: 690px) {
    .font-marker-yellow { font-size:2.0em; margin: 9% 5% 5% 5%; }
    .gella { display:none; }
    .job-infobox { width:90%; float:none; margin-left:5%; margin-right:0; }
    .font-biko-whitehuge { font-size:12em; }
    .font-marker-yellow { font-size:2.4em; margin: 11% 7% 7% 7%; }
    #fullframe-jobarea { height:800px;  }
}


@media only screen and (max-width: 540px) {
    .font-marker-yellow { font-size:2.0em; margin: 9% 5% 5% 5%; }
    .gella { display:none; }
    .job-infobox { width:90%; float:none; margin-left:5%; margin-right:0; }
    .font-biko-whitehuge { font-size:12em; }
    .font-marker-yellow { font-size:2.0em; margin: 9% 5% 5% 5%; }
    #fullframe-jobarea { height:750px;  }
}



@media only screen and (max-width: 990px) {
    .aboutus-textbox { padding-bottom:10%; }
    .font-aboutus-text { font-size:1.1em; }

}

@media only screen and (max-width: 768px) {
    .aboutus-textbox { padding-bottom:20%; }

}

@media only screen and (max-width: 450px) {
    .aboutus-textbox { padding-bottom:30%; }

}

@media only screen and (max-width: 400px) {
    .aboutus-textbox { padding-bottom:50%; }

}

@media only screen and (max-width: 768px) {
    .news { float:none; display:block; width:100%; height:auto; text-align:center; }
    .contacts { float:none; display:block; width:100%; height:auto; }
    .news-inner { width:100%; margin-bottom:20%; text-align:center; }
    .contacts-inner { width:100%; }
}






@media only screen and (min-width: 437px) and (max-width: 590px) {

    .font-biko-1 { font-size:1.9em; }
    .font-biko-1b { font-size:1.9em; }
    .font-biko-yellowhuge { font-size:10em; }
    .font-biko-2 { font-size:2.0em; }
    .font-biko-3 { font-size:1.1em; padding:6% 3% 0 4%; }
    .font-biko-4 { font-size:1.6em; padding-top:2%; }
    .font-biko-bekkir { font-size:3em; }
    .font-normal-1 { font-size:0.5em; }
}

@media only screen and (max-width:610px) {
    .grid-1 { float:none; width:100%; }
    .grid-2 { float:none; width:100%; margin-top:-10%; }
    .middle-gutter-1 { display:none; }
    .font-biko-3 { font-family:'proxima_novaregular'; display:block; margin: 0 auto; width:70%; height:5%; background-color:#fff86e; padding:3% 3% 2% 4%; font-size:1.5em; color:#000; }
    .box-available { position:relative; left:-160px; display:block; text-align:center; width:30%; max-width:110px; height:30%; max-width:110px; }
    .font-biko-bekkir { font-size:4em; }  
    .font-normal-1  { font-size:1.0em; }  
}

@media only screen and (max-width:380px) {
    .grid-1 { float:none; width:100%; }
    .grid-2 { float:none; width:100%; margin-top:-10%; }
    .middle-gutter-1 { display:none; }
    .font-biko-3 { font-family:'proxima_novaregular'; display:block; margin: 0 auto; width:70%; height:5%; background-color:#fff86e; padding:3% 3% 2% 4%; font-size:1.5em; color:#000; }
    .box-available { position:relative; left:-140px; display:block; text-align:center; width:30%; max-width:110px; height:30%; max-width:110px; }
    .font-biko-bekkir { font-size:3em; }  
    .font-normal-1  { font-size:0.6em; } 
    .font-biko-open   { font-size:8em; } 
    .font-biko-closed   { font-size:8em; } 
}

@media only screen and (max-width:340px) {
  .box-available { position:relative; left:-120px; display:block; text-align:center; width:30%; max-width:110px; height:30%; max-width:110px; }

}


@media only screen and (max-width:339px) {
    .grid-2 { margin-top:-50%; }
    .font-biko-3 { font-family:'proxima_novaregular'; display:block; margin: 0 auto; width:70%; height:5%; background-color:#fff86e; padding:3% 3% 2% 4%; font-size:1.4em; color:#000; }
    .font-biko-1 { font-size:1.9em; }
    .font-biko-1b { font-size:1.9em; }
    .font-biko-yellowhuge { font-size:10em; }
    .font-biko-2 { font-size:2.0em; }
}

@media screen and (max-width: 834px) {
  .bubble  { width:180px; height:144; }
  .bubble2 { width:190px; height:152; }
  .bubble3 { width:180px; height:144; }
  .font-ubuntu-3 { font-size:1.1em; }
  .font-ubuntu-3b { font-size:1.1em; }  
  .bubble-innerbox { margin:-22px 0 0 -3px; width:128px; height:80px; }
  .bubble-innerbox3 { margin:-22px 0 0 -6px; width:128px; height:80px; }
}

@media screen and (min-width: 623px) {
  .fullframe-greystone-overlayer2 { display:none; }

}

@media screen and (max-width: 682px) {
  .iphone { width:10%; }
  .phone-box { width:10%; }
  .iphone2 { width:10%; }
  .phonenumber-box { width:100%; }

}

@media screen and (max-width: 680px) {
  #fullframe-phonenumber { margin-top:-300px; }

}



@media screen and (max-width: 623px) {
  .fullframe-greystone-overlayer { display:none; }
  .fullframe-greystone-overlayer { margin-top:7%; }
  .phone-box { display:none; }
  #fullframe-phonenumber { margin-top:-300px; }
  .font-ubuntu-1-map { font-size:2.5em; }
  .fontshifting-1 { font-size:1.6em;  }
  .fullframe-greystone-title { margin-bottom:20px; }
  .phonenumber-box { width:100%; text-align:center; }
}

@media screen and (max-width: 490px) {
  #fullframe-phonenumber { margin-top:-330px; }

}

@media screen and (max-width: 486px) {
  .font-ubuntu-2 { font-size:2.8em; }
  .font-phonenumber { font-size:5.1em; }
  #fullframe-phonenumber { height:170px; }
}


@media screen and (max-width: 430px) {
  #fullframe-phonenumber { margin-top:-370px; }
  .font-ubuntu-2 { font-size:2.0em; }
  .font-phonenumber { font-size:4.5em; }
  #fullframe-phonenumber { height:140px; }
}

@media screen and (max-width: 420px) {
  #fullframe-phonenumber { margin-top:-400px; }
  .font-ubuntu-2 { font-size:2.0em; }
  .font-phonenumber { font-size:4.0em; }
  #fullframe-phonenumber { height:140px; }
}


@media screen and (max-width: 330px) {
  #fullframe-phonenumber { margin-top:-440px; }
    .font-ubuntu-2 { font-size:1.6em; }
  .font-phonenumber { font-size:3.5em; }
    #fullframe-phonenumber { height:110px; }
}

@media screen and (max-width: 960px) {
  .font-marker { font-size:3.0em; margin: 7% 0 7% 0; padding: 2% 3%; }
}

@media screen and (max-width: 550px) {
  .font-marker { font-size:2.4em; margin: 10% 0 10% 0; padding: 4% 6%; }
}





/* -------  verðlisti ------- */


@media screen and (max-width: 700px) {
    .pricebox-singletime { width:40%; margin:0 5% 5% 5%; }
    .pricebox-singlecard { width:40%; height:30%; margin:0 5% 5% 5%; }
    .font-biko-7 { font-size:7em; margin-bottom:-30px; }
    .font-priceminutes2 { font-size:2.1em; margin-top:-10px; }
    .font-price-2b { font-size:3.4em; margin-top:-20px; }
}

@media screen and (max-width: 620px) {
    .font-price-2b { font-size:2.8em; margin-top:-20px; }
}

@media screen and (max-width: 515px) {
    .font-biko-7 { font-size:5em; margin-bottom:-15px; } 
    .font-price-2b { font-size:2.2em; margin-top:-10px; }
}


@media only screen and (min-width: 578px) and (max-width: 700px) {
    .font-pricetitle { font-size:2.0em; }
    .font-pricetitle-2 { font-size:1.4em; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-4px; }
    .font-pricetitle-3 { font-size:1.2em; }
    .font-price-1 { font-size:3.8em; }
}

@media screen and (max-width: 535px) {
    .pricebox-singletime-middle {  height:45%; padding: 1% 0 0 0; }
}


@media screen and (max-width: 380px) {
    .font-price-1 { font-size:2.0em;  }
    .pricebox-singletime-middle { height:35%; }
    .font-priceminutes { font-size:1.0em;  }
}


@media screen and (max-width: 655px) {
    #fullframe-pricearea { top:-100px; }
}

@media screen and (max-width: 600px) {
    #fullframe-pricearea { position:relative; top:1px; }
}


@media screen and (max-width: 430px) {
    .font-price-2b { font-size:2.0em; }
    .font-priceminutes2 { font-size:1.5em; }
}

@media screen and (max-width: 430px) {
    .font-price-2b { font-size:1.8em; }
}

@media screen and (max-width: 580px) {
    .intro-text-3 { font-size:5.5em; }
    #imagearea-2 { height:400px; }
}

@media screen and (max-width: 420px) {
    .intro-text-3 { font-size:5.0em; }
    #imagearea-2 { height:350px; }
}

@media screen and (max-width: 660px) {
    .aboutus-textbox { margin-bottom:20%; }
}


@media screen and (max-width: 1000px) {
    .font-aboutus-generaltext { font-size:1.1em; }
    .aboutus-textbox { margin-bottom:15%; } 
    .box-4-first { width:42%; margin-right:16px; }
    .box-4 { width:42%; }   
}


@media screen and (max-width: 585px) {
    .box-4-first { margin-bottom:30px; }
    .box-4 { margin-bottom:50%;  }   
}


@media screen and (max-width: 585px) {
    .icon-aboutus-first { width:50%; margin-bottom:10%; }
    .box-4-first { width:90%; margin-bottom:1px; margin-left:5%; }
    .box-4 { width:90%; margin-bottom:1px;}   
    .aboutus-textbox { text-align:center; margin-left:auto; margin-right:auto; height:90%; } 
}


@media screen and (max-width: 350px) {  
    .aboutus-textbox { height:110%; } 
}

@media screen and (max-width: 350px) {  
    .aboutus-textbox { height:120%; } 
}


@media screen and (max-width: 400px) {  
    .font-marker2-white { font-size:2.0em; margin: 20px 0 40px 0; } 
    .font-marker3-white { font-size:1.4em; margin: -20px 0 40px 0; } 
    .font-marker4-white { font-size:1.4em; }
    .font-marker5 { font-size: 1.1em; }
}

@media screen and (max-width: 650px) {  
    #imagearea-1 { margin-top:30%; }
}

@media screen and (max-width: 468px) {  
    .pricearea-towelbox { width:100%; }
    .pricearea-thickline { display:none; }
    .pricearea-disclaimer { width:90%; margin-top:10%; }
}

@media screen and (max-width: 600px) {  
    #imagearea-1 { display:none; }

}




@media only screen and (max-width: 888px) {
    .newscontacts { margin-bottom:50px; }
}



/* -------  atvinnuumsókn ------- */



@media only screen and (min-width:1260px) {
    .breakapart { display:none;  }
}

@media only screen and (max-width:1260px) {
        .form-checkbox { width:100%; }
        .form-checkbox-b { width:100%; }
}

@media only screen and (max-width:1080px) {
        .form-checkbox-2 { width:100%; }
        .form-checkbox-2b { width:100%; }
}

@media only screen and (min-width:1080px) {
    .breakapart2 { display:none;  }
}




@media only screen and (max-width:1260px) {
        .form-checkbox { width:100%; }
        .form-checkbox-b { width:100%; }
}



/* -------  bug fix ------- */


@media only screen and (max-width:1000px) {
        .font-biko-open { font-size:10.0em; }
        .font-biko-closed { font-size:10.0em; }

}


@media only screen and (min-width: 610px) and (max-width: 680px) {
        .font-biko-open { font-size:8.0em; }
        .font-biko-closed { font-size:8.0em; }
        .font-biko-bekkir { font-size:3.6em; }   
        .font-biko-yellowhugecount { font-size:8.0em; } 
        .font-biko-augnablikinu { font-size:1.2em; }    
        .middle-gutter-1 { float:left; display:block; height:42%; width:3%; margin: 0 1% 1% 0; }            

}

@media only screen and (max-width:610px) {
        .clearfix2 { clear:both; }
}

@media only screen and (max-width: 410px) {
        .font-pricetitle { font-size:1.2em; }
}

@media only screen and (max-width: 400px) {
        .font-pricetitle { font-size:0.9em; }
}


@media only screen and (max-width: 1120px) {
        .font-pricedescription { font-size:1.2em; }
}

@media only screen and (max-width: 1120px) {
        .font-biko-6 { font-size:2.2em; }
}

@media only screen and (max-width: 820px) {
        .font-biko-6 { font-size:1.4em; padding-bottom:5px; }
        .font-priceminutes { font-size:1.2em; }
}

@media only screen and (max-width: 340px) {
        .font-biko-6 { font-size:1.1em; padding-bottom:5px; }
        .font-priceminutes { font-size:1.0em; }
}

@media only screen and (max-width: 900px) {
        .font-pricedescription2 { font-size:1.2em;  }
}

@media only screen and (max-width: 340px) {
        .font-towel { font-size:1.4em; }
        .towelbox-upper { height:35%; max-height:80px; }
        .towelbox-lower { height:35%; max-height:80px; }
        .graphics-towel { margin: 6% 25% 6% 0; }
        .graphics-card { margin: 9% 25% 9% 0; }
}

@media only screen and (max-width: 710px) {
.font-aboutus-generaltext-small {
  font-size:1.0em;

} 
}

@media only screen and (max-width: 420px) {
.font-marker-smaller {
  margin: 20% 0 20% 9%;
  padding: 2% 3%;
  width:75%;
} 
}

@media only screen and (max-width: 1110px) {
.font-submit {
  font-size:2.4em;
} 
}

@media only screen and (max-width: 950px) {
.font-submit {
  font-size:2.2em;
} 
}

@media only screen and (max-width: 870px) {
.font-submit {
  font-size:1.8em;
} 
}

@media only screen and (max-width: 530px) {
.font-submit {
  font-size:2em;
} 
}

@media only screen and (max-width: 340px) {
.font-submit {
  font-size:1.4em;
} 
}

@media only screen and (max-width: 1200px) {
#fullframe-newscontacts { 
  height:120%;
}
}

@media only screen and (max-width: 1200px) {
.box-4-first { 
  margin-bottom:10%;
}
}

@media only screen and (max-width: 1200px) {
.box-4 { 
  margin-bottom:10%;
}
}

@media only screen and (max-width: 1120px) {
.font-aboutus-generaltext-small {
  font-size:1.2em;
  line-height:1.8em;

} 

}

@media only screen and (max-width: 1000px) {
.font-aboutus-generaltext-small {
  font-size:1.1em;
  line-height:1.6em;

} 

}

@media only screen and (max-width: 890px) {
.news-inner { 
  padding-bottom:10%;
}
}

@media only screen and (max-width: 775px) {
.font-formlabel { font-size:1.2em; }
}

@media only screen and (max-width: 775px) {
.font-formlabel-bold { font-size:1.4em; }
}

@media only screen and (max-width: 590px) {
.form-33  {
  float:none;
  margin: 0;
  width: 100%;
}
}

@media only screen and (max-width: 590px) {
.form-66  {
  float:none;
  margin: 0;
  width: 100%;
}
}


@media only screen and (max-width: 590px) {
.form-4444-first  {
  float:none;
  margin: 0;
  width: 100%;
}
}

@media only screen and (max-width: 590px) {
.form-4444  {
  float:none;
  margin: 0;
  width: 100%;
}
}

@media only screen and (max-width: 590px) {
.form-4444-b  {
  float:none;
  margin: 0;
  width: 100%;
}
}


@media only screen and (min-width: 590px) {
.schoolnumber  {
  display:none;
}
}

@media only screen and (max-width: 590px) {
.form-3-3-3-b  {
  float:none;
  margin: 0;
  width: 100%;
}
}

@media only screen and (max-width: 590px) {
.form-3-3-3  {
  float:none;
  margin: 0;
  width: 100%;
}
}

@media only screen and (max-width: 450px) {
.font-marker-job-bigger {
  display:block;
  height:40px;
  margin: 50px 0 90px 0;
  font-family:'proxima_novalight';
  font-size:2.2em;
  color:#e96410;
  text-transform:uppercase;
} 
}

@media only screen and (max-width: 450px) {
.font-marker-job-smaller {
  display:block;
  height:40px;
  margin: 50px 0 90px 0;
  font-family:'proxima_novalight';
  font-size:2.0em;
  color:#e96410;
  text-transform:uppercase;
} 
}

@media only screen and (max-width: 450px) {
.form-50-2 {
  float:none;
  width:100%;
  min-height:30px;
  text-align:left;
  margin-bottom:10px;
}
}

@media only screen and (max-width: 450px) {
.form-50 {
  float:none;
  width:100%;
  min-height:30px;
  text-align:left;
}
}


@media only screen and (min-width: 860px) and (max-width: 1310px) {
.font-news-secondheadline2 {
  display: inline-block;
  padding-top:3%;
  font-family: 'Ubuntu', sans-serif;
  font-size:1.2em;
  color:#ee2b16;
  line-height:1.2em;
} 
}

@media only screen and (max-width: 1090px) {
.font-marker-news-small {
  font-family: 'Ubuntu2', sans-serif;
  font-size:1.0em;
  color:#d0b476;
  text-transform:uppercase;
  letter-spacing:3px;
} 
 
}


@media only screen and (max-width: 860px) {
.newsarea-mainright {
  float:none;
  width:100%;
  height:auto;
}
}

@media only screen and (max-width: 860px) {
.newsarea-mainleft {
  float:none;
  width:100%;
  height:auto;
}
}


@media only screen and (max-width: 860px) {
.font-marker-news-small {
  font-family: 'Ubuntu2', sans-serif;
  font-size:2.0em;
  color:#d0b476;
  text-transform:uppercase;
  letter-spacing:3px;
} 
 
}

@media only screen and (max-width: 860px) {
.newsarea-mainright {
  width:95%;
  padding: 1% 1% 0 0;
  margin-top:5%;
}
}

@media only screen and (max-width: 860px) {
.newsimage {
  width:80%;
  margin: 5% 0 5% 0;
  border:  1em solid rgba(255, 248, 223, 1);
}
}

@media only screen and (max-width: 500px) {
.font-marker-news {
  margin-top:10%;
  font-size:2.4em;
  color:#ead096;
} 
}

@media only screen and (max-width: 360px) {
.font-marker-news {
  margin-top:10%;
  font-size:2.0em;
  color:#ead096;
} 
}

@media only screen and (max-width: 500px) {
.newsarea-top {
  display:block;
  height:4%;
  width:100%;
  border-bottom: solid 1px #ead096;
  text-align:center;
}
}

@media only screen and (max-width: 500px) {
.font-news-headline-general {
  font-size:2.0em;
} 
}

@media only screen and (max-width: 470px) {
.font-marker-news-small {
  font-size:1.0em;
} 
}

@media only screen and (max-width: 470px) {
.font-news-secondheadline2 {
  font-size:1.2em;
} 
}


@media only screen and (max-width: 768px) {
.font-submit {
  margin-bottom:10%;
} 
}

@media only screen and (max-width: 920px) {
.footer-left { 
  width:48%;
 }

  .footer-middle {
  width:48%;
 }


 .footer-right {
  visibility:hidden;
 }
}

@media only screen and (max-width: 900px) {
.font-biko-closed { font-size:6.0em;  }
}


@media only screen and (max-width: 600px) {
.font-biko-closed { font-size:8.0em;  }
}

@media only screen and (max-width: 500px) {
.font-biko-closed { font-size:5.0em;  }
}

@media only screen and (min-width: 420px) {
.cool { display:none;  }
}

@media only screen and (min-width: 420px) {
.cool { display:none;  }
}

@media only screen and (max-width: 550px) {
    .font-marker-to { font-size:2.4em; }
} 

@media only screen and (min-width: 768px) and (max-width: 975px) {
    .font-marker-smaller { font-size:2.4em; }
} 

@media only screen and (max-width: 410px) {
    .font-marker-smaller { font-size:2.4em; }
} 

@media only screen and (min-width: 1000px) and (max-width: 1210px) {
.font-aboutus-generaltext-small {
  font-size:1.1em;
  line-height:1.7em;
} 
}


@media only screen and (max-width: 880px) {
#fullframe-newscontacts {
  margin-top:-100px;
} 
}

@media only screen and (max-width: 880px) {
#fullframe-newscontacts {
  margin-top:-100px;
} 
}

@media only screen and (min-width: 1400px) {
.seperator1 { display:none; }
.grid-splash { display:block; width:100%; height:30%; text-align:center; }
#fullframe-site-header { 
  height:1200px;
}
.font-biko-3 { height:3%; }
.fullframe-greystone-overlayer {
  margin-top:-100px;
  overflow:none;
}
.pricebox-singletime {
  height:12%;
}
.pricebox-singlecard {
  height:9%;
}
.icon-aboutus {
  width:65%;
  height:auto;
  margin-bottom:-200px;
}
.icon-textbox {
  margin-top:-250px;
}
#fullframe-aboutus {
  height:150%;
}
#fullframe-newscontacts { 
  top: -150px;
  height:60%;
}
#footer {
  top: -150px;
}
}

@media screen and (max-width: 1230px) {
.bubble { margin-top: -1%; margin-left:18%; }
}

@media screen and (max-width: 1165px) {
.bubble { margin-top:-2%; }
}

@media screen and (max-width: 929px) {
.bubble { margin-top:-3%; margin-left:17%; }
}

@media screen and (max-width: 825px) {
.bubble { margin-top:2%; margin-left:18%; }
}