@media screen and (max-width: 1140px) {

.section {width:100%}

}

@media screen and (max-width: 1100px) {

.content10home{width:25.5%} /* // LOGO // */
.content8{width:50%}

}

@media screen and (max-width: 1000px) {

.content10home{width:30.5%} /* // LOGO // */
.content8{width:45%}

.content2contact1{width:49%; margin:0 0 24px 0; float:left} .content2contact2{width:49%; margin:0 0 24px 2%; float:left} .content2contact3{width:49%; margin:0px; float:left}

.credits-3{width:86%; margin:1.5px 2% 0 0; text-align:right; float:left}
.credits-4{width:12%; margin:0px; text-align:right; float:left} .credits-4 img{width:100%; height:auto; display:block}

}

@media screen and (max-width: 900px) {

.content10home{width:35.5%} /* // LOGO // */
.content8{width:40%}

.credits-3{width:86%; margin:1px 2% 0 0; text-align:right; float:left}

}

@media screen and (max-width: 800px) {

.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {display: block; margin: 1em 0}

}

@media screen and (max-width: 760px) {

h3{font-size:17px; line-height:21px; padding:0 0 21px 0}
p{font-size:14px; line-height:18px; margin:0px; padding:0 0 20px 0}
.small {font-size:14px}

.about{font-size:16px; line-height:16px; font-weight:600; margin:0px; padding:0 0 12px 0}
.break{display:block}

ul.orange{font-size:14px; line-height:18px}
li.orange {margin:0 0 0 0.85em}

ul.blue{font-size:14px; line-height:18px}
li.blue {margin:0 0 0 0.85em}

ul.footer{font-size:14px; line-height:18px}
li.footer {margin:0 0 0 0.85em; padding:0px}

/* MENU */
.menu{display:none}
.mobile-menu{display:block; width:90%; margin:0 0 40px 5%; text-align:center; float:left}

/* LAYOUTS */

.header{margin:40px auto 0 auto}
.headerhome{margin:0 auto}
.headerxylobrit{margin:0 auto}
.headervitamag{margin:0 auto}

.headertitle p{font-size:26px; line-height:26px; padding:15px; margin:28% 15%; background-color:rgba(255,255,255,0.7)}
.headernotitle p{font-size:26px; line-height:26px; padding:15px; margin:28% 15%}

.logo{width:60%; margin:0 20%; float:left} .logo img{width:100%; height:auto; display:block}

.content1{width:90%; margin:20px 0 0 5%}
.content2{width:90%; margin:20px 0 20px 5%} .content2home{width:90%; margin:20px 0 20px 5%} .content2shutter{width:90%; margin:20px 0 15px 5%}
.content2inner1{width:100%; margin:0px} .content2inner2{width:100%; margin:0px}
.content2contact1{width:100%; margin:0 0 24px 0; float:left} .content2contact2{width:100%; margin:0 0 24px 0; float:left} .content2contact3{width:100%; margin:0 0 0 0; float:left}

.content3{width:90%; margin:20px 0 0 5%}
.content3left{width:100%} .content3right{width:100%; margin:0px}

.content4{width:90%; margin:20px 0 0 5%}
.content5{width:90%; margin:20px 0 0 5%}
.content6{width:90%; margin:20px 0 20px 5%}
.content7top{width:100%; margin:0 0 12px 0}

/* FOOTER */
.content4{width:90%; margin:20px 0 0 5%}
.content5{width:90%; margin:20px 0 0 5%}
.content6{width:90%; margin:0 0 20px 5%}

/* HEADER ELEMENTS */
.content8{width:90%; margin:0 0 40px 5%; text-align:center}
.content10{display:none} /* // LOGO // */

/* HOME ONLY */
.content10home{width:90%; margin:50px 0 25px 5%} /* // LOGO // */
.content11home{width:90%; margin:0 0 20px 5%}
.content12home{width:90%; margin:0 0 20px 5%}

/* CONTACT US */
.content1contact{width:90%; margin:20px 0 0 5%}
.content2contact{width:90%; margin:20px 0 20px 5%}
.contentcontactholder1{width:90%; margin:0 0 0 5%}
.content3contacttop{margin:0 0 12px 0}
.content4contact{width:100%; margin:0px}
.content5contact{width:100%; margin:0px}

.formboxes1 {width:99%}
textarea {width:99%}
.submit {margin:12px 0 0 0}

.contactcheckboxholder {width:100%; margin:0 0 10px 0; float:left}

.credits-nav-top{display:block}
.credits-1{width:100%; margin:0 0 10px 0; float:left}
.credits-2{width:100%; margin:0 0 10px 0; float:left}
.credits-3{width:62px; margin:2px 0 0 0; text-align:left; float:left}
.credits-4{width:20px; margin:0px; float:left} .credits-4 img{width:100%; height:auto; display:block}

.cc-cookies {position: fixed; float: left}

}


@media screen and (max-width: 560px) {

.credits-nav-top{width:6%; margin:0 94% 0 0}

}


@media screen and (max-width: 480px) {

.credits-nav-top{width:7%; margin:0 93% 0 0}

}


@media screen and (max-width: 414px) {
/* iPhone 6/6s Plus */

.logo{width:80%; margin:0 10%}

.credits-nav-top{width:8%; margin:0 92% 0 0}

}


@media screen and (max-width: 375px) {
/* iPhone 6/6s */

.headertitle p{font-size:23px; line-height:23px}
.headernotitle p{font-size:23px; line-height:23px}

.credits-nav-top{width:9%; margin:0 91% 0 0}

}

@media screen and (max-width: 320px) {
/* iPhone 4/4s 5/5s */

.headertitle p{font-size:20px; line-height:20px}
.headernotitle p{font-size:20px; line-height:20px}

.credits-nav-top{width:10%; margin:0 90% 0 0}

}