body,h2,h4,h5 {font-family: "Poppins", sans-serif}

strong{font-size: larger;}
em{font-size: larger; color: rgb(240, 160, 12);font-style: normal;}

@font-face {
  font-family: bebas_regular;
  src: url(../fonts/bebas_regular.ttf);
}

@font-face {
  font-family: alatsi_regular;
  src: url(../fonts/alatsi_regular.ttf);
}

h1{font-family: alatsi_regular, sans-serif;}
h3{font-family: bebas_regular, sans-serif; font-size: 24pt; 
    color: #00f;
    display: inline;

    text-shadow: -1px 1px 2px #fff,
				  1px 1px 2px #fff,
				  1px -1px 0 #fff,
          -1px -1px 0 #fff;
}

body {font-size:16px;}

.w3-half img{margin-bottom:-6px; opacity:0.8; cursor:pointer}
.w3-half img:hover{opacity:1}

.head_img{
  width: 100%; 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.marie_img{
  max-height: 50vh; border-radius: 20px;
}

.head_link, .head_link:visited{
  color: #00f; text-decoration: underline;
}
.head_link:hover, .head_link:active{
  color: #f00; text-decoration: none;
}
/**/
.offset_top{
    margin-top: 125px;
}

.ol_orange{
    background-color: #ff8c30;
}

.close_menu, .open_menu{
    color: #fff; 
    margin-left: 5px; margin-top: 5px;
    padding-left: 5px; padding-right: 5px; text-decoration: none; 
    border: 2px white solid; font-size: 24pt;
}

.close_menu{
    background-color: #00f; color: #fff;
}

.div_center{display: flex; width: 100%; 
      justify-content: center; align-self: center; 
      align-items: center; align-content: center;
      background-color: rgb(241, 184, 26);
}

.div_center > div.info {
  margin: 10px;
  padding: 20px;
  font-size: 30px;
}

.article_content{
      width: 100%; padding-left: 5%; padding-right: 5%; margin-top: 50px;
}

.img_holder{
      display: flex; flex-direction: row; width: 100%;
      justify-content: space-evenly; align-self: center; 
      align-items: center; align-content: center;
      margin-top: 12px;
}

.img_card{
  width: 40%; opacity: 0.8; cursor: pointer;
}

.img_card:hover{opacity: 1;}

/* Taken from W3.CSS */
.ol-bar-block .w3-dropdown-hover,.ol-bar-block .w3-dropdown-click{width:100%}

.ol-bar-block .w3-dropdown-hover .w3-dropdown-content,.ol-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}

.ol-bar-block .w3-dropdown-hover .w3-button,.ol-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}

.ol-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}

.ol-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}

/*
  User Details Form
*/
.txtaBandsArtists, .txtaMixTape, .txtaFilms{
  width: 80%; height: 170px; resize: none;
}
.inputColumns{
  width: 100%;
  display: grid;
  grid-template-columns: 250px 300px; 
}
.label{
  margin-top: 8px;
}
.inputCell{
  margin-top: 8px;
}
.txtName, .txtEmail{width: 450px;}

li{margin-bottom: 10px;}

.choice_list{
  margin: 1em;
  padding: 15px;
  border: solid 2px rgb(255,142,48);
  border-radius: 8px;
  color: rgb(13, 13, 75);
}


/* For mobile phones: */
/*
@media only screen and (min-width: 400px) {
  .article_content{
    width: 100%; padding-left: 8px; padding-right: 8px; margin-top: 50px;
}
}*/

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .article_content{
    width: 100%; padding-left: 2%; padding-right: 2%; margin-top: 50px;
}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .article_content{
    width: 100%; padding-left: 8%; padding-right: 8%; margin-top: 50px;
}
}