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

body{
    
    font-family:Raleway, sans-serif;
    font-weight:400;
    font-size: 10.5pt;
}
#collimostLogo{
    margin-left:2%;
    margin-top:12px;
    border-style:none;
    position:relative;
}




#daveCollierArtworks{
    font-family: Barrio, cursive;
    font-size: 40px;
    margin-left: 5%;
    margin-top:-9px;
    position:relative;
    color:#225B6F;
}
.artworksCaption{
    font-family:Raleway, sans-serif;
    font-weight:400;
    font-size: 23px;
    
}

@media screen and (min-width: 320px) {
  #daveCollierArtworks {
    font-size: calc(40px + 6 * ((100vw - 320px) / 680));
      margin-top: calc(0-(16px + 6 * ((100vw - 320px) / 680)));
  }
.artworksCaption{
    font-size: calc(23px + 6 * ((100vw - 320px) / 680));
    }
}
@media screen and (min-width: 1000px) {
  #daveCollierArtworks {
    font-size: 72px;
      margin-top:-16px;
  }
  .artworksCaption{
     font-size: 42px; 
    }
}


#linkIconsContainer{
    display:inline-block;
    width:95%;
    text-align:right;
    position:relative;
    
    margin-top:0.3vh;
    margin-bottom:0.2vh;
    z-index:200;
}
.linkItemContainer{
     padding-left:0.8em;
    padding-right:0.8em;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    background-color:transparent;
    
}
.collimostLinkA{
    text-decoration:none;
    font-family:Raleway, sans-serif;
    font-weight:400;
    font-size:9pt;
    color:#6D6D6D;
}
.linkImage{
    width:28px;
    height:28px;
    border-style:none;
}


.ajaxreturn{
    display:none;
    position:relative;
    width:100%;
    text-align:center;
    color:red;
    font-family:Raleway, sans-serif;
    font-size:12pt;
}
#insertID{
   display:none; 
}

.cgNavigation {
    margin-top:0.3vh;
    margin-bottom:0.15vh;
    position:relative;
    padding-left:10%;
    width:100%;  
}

.cgNavigation a {
    font-family:Raleway, sans-serif;
    font-weight:500;
    font-size:14pt;
    color:#2B6D5D;
    text-decoration:none;
    margin-left:4em;
    
    position:relative;
    display:inline-block;
    
}

.cgNavigation a:hover {
  color: #13B91A;
}

.cgNavigation .closebtn {
  display:none;
}
.mobile_menu{
    display:none;
}
.mobile_navon{
    padding:1em;
    width:8em;
}
.mobile_navoff{
    
}
@media screen and (max-width: 640px) {
    .cgNavigation{
        
    height: 16em;
      margin:0;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #111111;
      overflow-x: hidden;
      transition: 0.5s;
      
        z-index:500;
        text-align:right;
    }
    .cgNavigation a {
       
  text-decoration: none;
  font-size: 1.25em;
  color: #f1f1f1;
  display: block;
  padding-bottom:0.75em;
        margin:0;
    }
    .cgNavigation a:hover {
  color: #d1f1f1;
    }
    .cgNavigation .closebtn {
  
    display:block;
  
  font-size: 2em;
  font-weight:600;
    }
    .mobile_menu {
  position: sticky;
    top:0;
      left:0;
        display:block;
    background-color:#000;
    color:#ffffff;
    height:1.25em;
    width:1.25em;
    font-size:2em;
    text-align:center;
    vertical-align:middle;
    padding-bottom:0.2em;
        z-index:1000;
    }
    .mobile_navoff{
    padding:0;
    width:0;
    }
}