﻿/* General site styles */

body {
	margin:0;
}

p, a, ul {font-size:18px;font-family: 'Open Sans', sans-serif;text-decoration:none;}

h1, h2, h3, h4 {color:#A4353E;font-family: 'Open Sans', sans-serif;text-decoration:none;}

.artwork-text {font-size:14px;font-family: 'Open Sans', sans-serif;text-decoration:none;}

.one-col-paragraph {padding-left: 150px;padding-right: 150px;}

.clickme {
    background-color: #A4353E;
    color:white;
    padding: 8px 20px;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    border-radius:5px;
    cursor:pointer;
}

.artistname {
    background-color: #f5f5f5;
    color:#A4353E;
    padding: 8px 20px;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    border-radius:5px;
    border:1px silver solid;
    cursor:pointer;
}


img.a {float:left;}

/* Comming soon temp image */
.coming {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:50%;
}

@media screen and (max-width:600px) {
		.one-col-paragraph {padding-left: 10px;padding-right: 10px;
	 }
}

/* Home page columns*/

.left {
    position: relative;
    float: left;
    background: #ffffff;
    width:50%;
    z-index:-1;
}

.right {
    position: relative;
    float: left;
    background: #EFF0F1;
    width:50%;
    z-index:-1;
}

.main {
	display:inline-block;
}

@media screen and (max-device-width:600px)
              and (min-device-width:375px)   {
    .main {
        display: flex;
        flex-direction: column-reverse;
    }

    .right, .left {width:100%;

	}
}
