@charset "UTF-8";


/* Type */

h1 {
    font-size:40px;
    line-height:40px;
    margin-top: 230px;
}

h2 {
    font-size:32px;
    line-height:44px;
    text-align: left;
}

h3 {
    font-size:32px;
    line-height:44px;
    text-align: left;
}


p {
    font-size:18px;
    line-height:28px;
}

.hide-on-desktop {
  visibility: hidden;
  display:none;
}

.show-on-desktop {
  visibility:visible;
  display:block;
}

/* Header */



.logo {
    width:320px;
    height:20px;
    position: relative;
    background-image:url('../img/caroline-model-management-logo-footer-sml.gif');
    background-image:url('../img/caroline-model-management-logo-footer-sml.svg');
    padding: 90px 0 30px 0;
    background-position: 50% 50%;
    margin:auto;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    z-index: 3000;
}

a.logo:hover{
  border:none;
}

/* Toggle and patty */

#toggle {
    padding: 45px 87px 32px 50px;
}

.menutext {
    background-image:url('../img/caroline-model-management-burger-menu-text.gif');
    background-image:url('../img/caroline-model-management-burger-menu-text.svg');
    background-size:44px 12px;
    width:44px;
    height:12px;
    position:absolute;
    top:40px;
    right:138px;
    visibility:visible;
    opacity:1;
    transition: 0.5s;
}

.menutext.open {
    visibility:none;
    opacity:0;
}

/* Menu Styling */
nav{
    height: 135px;
}

.nav-background {
    padding-top: 135px;
}

.nav-background li {
    list-style: none;
    display: inline-block;
    padding: 0px 25px;
}

.nav-background li a {
    font-size:18px;
    padding:20px 0 25px 0;
}

.nav-background li a:hover {
    padding-bottom: 3px;
}

/* General content */

#home {
    height:915px;
    margin-top:94px;
}

.frame {
    margin:126px auto;
    padding:0;
    width:995px;
    height:585px;
}

.frame h1 {
    margin-top:163px;
}

.frame p {
    width:60%;
    margin:0 auto;
}

form {
    float:none;
    width:40%;
    margin:60px auto 0 auto;
}


.formcontent {
    height:72px;
    font-size:18px;
}

.submit {
    width:72px;
    height:72px;
    font-size:18px;
}

.error {
    width:100%;
    margin:45px auto 0 auto;
}

.error p {
    width:100%;
}

.success {
    width:100%;
    margin:45px auto 0 auto;
}

.success p {
    width:100%;
}

/* Content blocks */

article p {
    width:955px;
    margin:0 auto;
}

#newfaces, #become, #caroline {
    width:100%;
    padding:0 0 200px 0;
}

#newfaces{
    padding: 71px 40px 120px 40px;
}


#metric{
  padding-left:30px;
  font-size: 13px;
}

#become p {
    width:870px;
    padding:0;
    margin:0 auto;
}   

#become a {
    font-size: 16px;
}
 

.grid{
    margin-top: 188px;
  }


.info ul li {
    width:unset;
  }

.info ul li span{
    padding: 8px 30px 15px 0px;
}

.info ul li span.model{
    font-size: 30px;
    padding-top: 0px;
}

.model-img{
    float:right;
    position:relative;
    display:inline-block;
}

.span1 {
   width: 25%;
   height:500px;
   background-color: blue;
   float:left;
}

.span2 {
   width: 12.5%;
   height:175px;
   background-color: yellow;
   float:right;
}
.span3 {
   width: 50%;
   height:175px;
   background-color: green;
   float: left;
}
.span4{
    float:right;
    width: 25%;
    height:500px;
   background-color: blue;
}


.info p{
   margin:0 10px 0 0;
}

#contact h1 { 
    width:955px;
    margin-left:auto;
    margin-right:auto;
}

#contact{ 
    margin-top:350px;
}

#contact p {
    
    padding:0;
    width:955px;
    margin:0 auto;
}

.usp {
    width:955px;
    margin:0 auto;
}

.usp section {
    float:left;
    width:45%;
    margin-right:5%;
}

.usp section:last-child {
    margin-right:0;
}

p.usp-block {
    width:100%;
    text-align: left;
}

div.scrollto {
    max-width:60%;
    margin:104px auto 0 auto;
}

.scrollto p {
    width:100%;
}

.arrow-down {
    margin-top: 49px;
}

.space-copy {
    margin-left:15px;
}

#map {
    width:100%;
    height:616px;
    margin-top:174px;
}


/* Footer */

.logo-footer {
    background-image:url('../img/caroline-model-management-logo-footer-xlrg.gif');
    background-image:url('../img/caroline-model-management-logo-footer-xlrg.svg');
    background-size: 261px 55px;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 55px;
    margin: 126px auto 50px auto;
}

.legal {
    float: none;
    width: calc(100% - 174px);
    margin: 0 auto;
}

.copyright {
    width: 100%;
    margin: 0 auto;
    float: left;
    text-align: center;
    padding-bottom: 32px;
}

.copyright p {
    font-size:14px;
    margin:0;
}

.copyright a {
    display: inline;
}

.space-footer {
    margin-left:59px;
}

div.social {
    display: inline;
    width: 20%;
    margin: 0;
    float: right;
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 40px 50px 32px 50px;
}

div.social-ig{ 
    margin-right:0;
}



/* Imprint */

#imprint {
    text-align: left;
    float:left;
    width:100%;
    padding:140px 0 40px 0;
    padding-bottom:71px;
}

#imprint h1 {
    width:955px;
    margin:150px auto 80px auto;
}

#imprint h2{
    width:955px;
    margin:35px auto 20px auto;
}

#imprint h3{
    width:955px;
    margin:35px auto 20px auto;
}