body {background-color:#FAFAFA;}
.main {
    font-family: 'Varela Round', sans-serif;
    font-size:11px;
    }

    /* begin: navbar css ----  */

.header {padding-top:20px;
    padding-left:30px;
    padding-bottom:20px;}
.title {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    width: auto;
    }

.spanunderline {text-decoration: underline;}

.navbar {padding-top:10px;
    font-size:11px;}
.navbar a {text-decoration: none;
        color:black;
        margin-left:none;
        margin-right:20px;}
.navbar a:hover {color:lightcoral;}
.navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.navbar li {
    display: inline;
}

#contact {display:none;
        padding-top:15px;
        padding-bottom:2px;
        border-bottom: thin solid #ECECEC;
        width: 800px;}
#contact img {width:22px; height:16px;}

#socials {display:none;
         padding-top:5px;
        padding-bottom:0px;
        border-bottom: thin solid #ECECEC;
        width: 800px;}

.hide {
  position:absolute;
  left:-9999px
}

    /* ---- end: navbar css */

    /* begin: homepage css ---- */

.boxcontainer  {
    width:580px;
    margin-left: 90px;
    -webkit-transform: rotate(0);
}

.boxcontainer img {height:186px;
    opacity: 0.5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    -webkit-backface-visibility: hidden;
}

.boxcontainer img:hover {opacity: 1.0;}

.row1  {
    display:grid;
    grid-template-columns:41% 38%;
     justify-content: end;
}

.textbox1  {background-color:#ECECEC;
    width:180px;
    height:150px;
    padding-right:25px;
    padding-top: 10px;
    padding-bottom:20px;
    padding-left:25px;}

.textbox2  {background-color:#ECECEC;
    width:180px;
    height:160px;
    padding-right:25px;
    padding-top: 10px;
    padding-bottom:10px;
    padding-left:15px;}

.textbox2 p {color:black;}
.textbox2 p:hover {color:lightcoral;}

.textimg img {opacity:.5;
        width:190px;
        height:120px;
        }

.row2  {
     padding-top:10px;
     display:grid;
    grid-template-columns:46% 40%;
   }

.design img {width: 260px;}

.shirts img {width: 260px;}


 .row3 {
     padding-top:5px;
    display:grid;
    grid-template-columns:26.4% 48.5% 20%;}

.art {}

.video {}

.photo {}

    /* ----  end: homepage css */

    /* begin: footer css ----  */

.copyright  {font-family: 'Varela Round', sans-serif;
    font-size: 14px;
    float:right;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    padding:5px;
    font-size: 10px;
    margin-bottom:40px;
   }

.footer {padding-right:5px;
        margin-top:4px;
    position: relative;
    bottom: 0;
    right: 0;
    }

    /* ----  end: footer css */

    /* begin: under construction css ---- */

.underconstruction {font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    width:50%;
    margin: 0 auto;
padding-top:50px;}

    /* end: under construction css */

    /* begin: video page css */
.videomain img {
    opacity: 0.5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    -webkit-backface-visibility: hidden;
}

.videomain img:hover {opacity: 1.0;}


.videomain {
    display:grid;
    grid-template-columns:62% 50%;
margin-left:30px;
width:650px;}
.videomain h2 {font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    }
.videomain h3 {font-size:12px;}

.videocolumnleft {
    width:400;}
.videocolumnright {
    padding-left:30px;
    width:300;}

.videotextchunk1 {}
.videotextchunk2 {margin-top:410px;}
.videotextchunk3 {margin-top:400px;}

    /* ----  end: video page css */

    /* begin: art page css ---- */


.artmain {
    display:grid;
    grid-template-columns:59% 50%;
margin-left:30px;
        margin-top:30px;
width:650px;}
.artmain h2 {font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    }
.artmain h3 {font-size:12px;}

.artcolumnleft {
    width:400px;}
.artcolumnright {
    padding-left:30px;
    width:300px;}

.artcolumnleft img {width:375px;
    padding-bottom:5px;}

.arttextchunk1 {}
.arttextchunk2 {margin-top:490px;}
.arttextchunk3 {margin-top:220px;}
.arttextchunk4 {margin-top:300px;}
.arttextchunk5 {margin-top:600px;}

    /* ---- end: art page css */

    /* begin: design page css ----  */


.designmain {
    display:grid;
    grid-template-columns:59% 50%;
margin-left:30px;
width:650px;
margin-top:30px;}
.designmain h2 {font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    }
.designmain h3 {font-size:12px;}

.designcolumnleft {
    width:400;}
.designcolumnright {
    padding-left:30px;
    width:300;}

.designcolumnleft img {width:375px;
    padding-bottom:5px;}

.designtextchunk1 {}
.designtextchunk2 {margin-top:275px;}
.designtextchunk3 {margin-top:410px;}
.designtextchunk4
.designtextchunk5

    /* ---- end: design page css */

    /* begin: apparel page css ----  */


.apparelmain {
    display:grid;
    grid-template-columns:59% 50%;
margin-left:30px;
width:650px;
margin-top:30px;}
.apparelmain h2 {font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    }
.apparelmain h3 {font-size:12px;}

.apparelcolumnleft {
    width:400;}
.apparelcolumnright {
    padding-left:30px;
    width:300;}


.appareltextchunk1 {}
.appareltextchunk2 {margin-top:380px;}
.appareltextchunk3
.appareltextchunk4
.appareltextchunk5


    /* ----  end: apparel page css */