/* --------General Reset CSS Rules for entire layout------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------END OF CSS GENERAL RESET RULES---------*/


/*--------Hyperlinks styling----------*/

 /* unvisited link */
a:link {
    color: #e7e2e2;
}

/* visited link */
a:visited {
    color: #e7e2e2;
    text-decoration: none; 
    
}

/* mouse over link */
a:hover {
    color: #f25b08;
    font-weight: bold;
}

/* selected link */
a:active {
    color: #f25b08 !important;
    
}


/*-------------End Hyperlinks-----------*/


h1 h2 h3 h4 h5 h6 p {
    font-family: "Signika",Arial,sans-serif;
    text-transform: uppercase;    
}




body {
    width: 100%;
    background-color: #111 !important; /* For browsers that do not support gradients */
}

body {
    overflow-x: hidden;   
}


#main_wrapper_entire_site {
    overflow-x: hidden;
    
}


/* ------------------------Header and Logo -------------------------------- */

.header {
    width: 100%;
    height: 60px;
    z-index: 1000000;
    position: fixed;
    margin: 0 auto;
    }


.active {
    background-color: #111;
    opacity: 0.9;
}



#logo {
    height: 60px;   
    width: 400px;
    float: left; 
}   


.header #logo h1 {
    margin-top: 14px;
    margin-left: 18px;    
    color: #e7e2e2;
    font-family: "Signika",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 230%;
    font-weight: 300;
    letter-spacing: 4px;
    clear: both;
    
}

#logo {
    clear: both;
}




/* -------------- Navigation ------------- */

/*--in html, placed outside nav section, just before it--*/

/*--Hamburger container has nav-icon inside--*/

#hamburger_container {
    width: 50px;
    height: 50px;
    display: block;
    float: right;
    margin-right: 9px;
    margin-top: 8px;
    padding: 6px;
    z-index: 1000000;    
    overflow: hidden;
}


/*------Animated Hamburger Icon-------------*/



#nav-icon {
  width: 50px;
  height: 50px;
  position: relative;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 10000;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 70%;
  background: #e7e2e2;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
    z-index: 10000;
    
}




#nav-icon span:nth-child(1) {
  top: 6px;
    z-index: 10000;
    
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 17px;
    z-index: 10000;
}

#nav-icon span:nth-child(4) {
  top: 28px;
    z-index: 10000;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
    z-index: 10000;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    z-index: 10000;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    z-index: 10000;
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
    z-index: 10000;
}


/*------------End of Animated Hamburger Icon----------*/



/*---------------Below Important - or nav pulldown will be on left side of screen-----------*/



/*--DO NOT DELETE!  This outer container keeps the pulldown menu in right place and right width---*/
#nav_outer_container {
    float: right;
    display: block;
    width: 500px;
    margin-right: -60px;  
    
}

#nav_outer_container_mobile {
    display: none;
}


/*Nav container position, controls dropdown width, etc--*/
nav {
    display: block;
    float: right;   
    width: 500px;     
    margin-top: 0px;
    margin-right: 0px;
    z-index: 1000;
    background-color: transparent;
    
}



/*--Unordered list - slight padding and bg color--*/
nav ul {
    max-height: 700px;    
    padding: 70px 5px;
    background: #111;
    overflow: hidden;
    display: none;
    z-index: 1000;
    
    
}




/*--padding for each line item--*/
nav ul li {
    padding: 4px 2px;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#282826, #232321, #111); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#282826, #232321, #111); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#282826, #232321, #111); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#282826, #232321, #111); /* Standard syntax */
/*--This part of code for toggling menu-icon---------*/  
    
    
    
}



/*------------Font formatting and color of links--*/
nav ul li a {
    display: block;    
    text-align: center;
    padding: 0 0;
    color: #e7e2e2;
    font-size: 117%;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2.8em;
    height: 2.7em;
    
 }


/*-----Hover CSS Effects--Makes dropdown menu links grow----*/

/* Grow */
.hvr-grow {
    display: block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow:active {
    transform: scale(1.1);
    text-decoration: none;
}

/*----------------------------------------*/

/*---Orange font color for dropdown menu links-----*/
nav ul li a:hover {
    color: #f25b08;
    text-decoration: none;

   }







/*----------------Icons for Social Media----------------*/


.social_media {
    float: right;
    position: absolute;
    top: 10px;
    right: 65px; 
    list-style: none;
    line-height: 25px; 
       
}

.social_media li {
    display: inline-block;
    vertical-align: middle;
    
}


.social_media a {
    display: inline-block;
    padding: 5px 17px;
    color: #e7e2e2;
}


/*---CSS effects for font-awesome icons------*/






/*--these social media styles below need to be in that exact order for them to work properly-----------*/

.social_media li a:link {
    color: #e7e2e2;
    
}


.social_media li a:visited {
    color: #e7e2e2;
    
}

.social_media li a:hover {
    color: #f25b08;
    
    
}


.social_media li a:active {
    color: #f25b08;
    font-weight: bold;
}





/*-----------------Index Page-----------------------------*/

#index_outer_container {
    
    background-image: url(images/Textures/Music_Background_Texture_resized.jpg);
}


/*--This code removes link hover underline for video slider--*/


#rev_slider_1 a:link {
    text-decoration: none;
}

#rev_slider_1 a:hover {
    text-decoration: none;
}

#rev_slider_1 a:visited {
    text-decoration: none;
}

#rev_slider_1 a:active {
    text-decoration: none;
}



/*-----------------------Music Section------------------------*/


#music_title_line_break_phone_only {
    display: none;
} 


#music_outer_container {
    width: 100%;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0e1015, #2a3648); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0e1015, #2a3648); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0e1015, #2a3648); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0e1015, #2a3648); /* Standard syntax */
    
    margin-top: -20px;
    padding-bottom: 50px;
    background-image: url(images/Textures/Music_Background_Texture_resized.jpg);       
}



#title_music {
    width: 100%;
    text-align: center;
    
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 100;
    letter-spacing: 4px;
    
}

#title_music_small {
    display: none;
}


#title_music_smallest {
    display: none;
}


#michael_heart_music {
    display: none;
    
}


/*--purposely less bottom padding than spotify, for how it looks on phone--*/
#itunes_outer {        
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 10px;
    
}


#spotify_outer {        
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 60px;
    
}


#itunes_outer img {
    margin-bottom: 10px;
}

#spotify_outer img {
    margin-bottom: 10px;
}


#itunes_playlist_outer_container {
    width: 250px;
    height: 370px;
    margin: 0 auto;
    overflow: hidden;
}


/*----This is itunes player-------*/
#itunes {
    margin: 0 auto;    
    text-align: center;
    padding-top: 3%;
    
}


#spotify_playlist_outer_container {
    width: 250px;
    height: 370px;
    margin: 0 auto;
    overflow: hidden;
}


/*----This is spotify player-------*/
#spotify {
    
    margin: 0 auto;    
    text-align: center;
    padding-top: 3%;
}








/*--------------Photos Section---------------*/

#photos_overall_outside_container {
    background-image: url(images/Textures/Photos_Background_Texture_resized.jpg);
    width: 100%;
    margin: auto;
}


#photos_outer_container {
    display: block;
}


/*------Bootstrap width - controls both photos and music players, since they share same bootstrap class-----*/
.container-fluid {
    width: 70%;
}


#photo_gallery1_mobile_only {
    display: none;
    width: 100%
}


#photo_gallery2_mobile_only {
    display: none;
    width: 100%;   
    }
        

#title_photos {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 100;
    letter-spacing: 4px;
}

#title_photos_small {
    display: none;
}

#title_photos_smallest {
    display: none;
}


#title_photos2 {
    display: none;
}

  

#michael_heart_photos {
    display: none;
}


#photos_outer_container {
    align-self: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important; 
}


#bryan_adams_photo_header {
    display: none;
}

    #temp_line_break_photo_page_mobile_only {
        display: none;
    }

/*----------------About Page----------------*/

#eighties_rock {
    display: none;
}

#about_outer_container {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0e1015, #2a3648); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0e1015, #2a3648); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0e1015, #2a3648); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0e1015, #2a3648); /* Standard syntax */
    
    background-image: url(images/Textures/About_Background_Texture_resized.jpg); 
    margin-top: -25px;
    margin-bottom: 20px;
    padding-bottom: 45px;
    
}


#bryan_adams_about_page {
display: none;
}




#title_about {
    display: block;
    width: 100%;
    text-align: center;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 25px;
}

#title_about_small {
    display: none;
}

#title_about_smallest {
    display: none;
}

#about_michael_heart {
    display: none;
}


#about_inner_container {
    width: 100%;
    margin-left: auto;
    margin-right: auto; 

    text-align: center;
    
}

#don_henley_tom_petty {
    display: none;
}


#quick_facts {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7e2e2;
    font-size: 130%;
    text-transform: none;
    text-align: left;
    padding: 3% 7% 5% 7%;
    font-weight: 10;
    color: #111111;
    letter-spacing: 0.4px;
    margin-top: 25px;
       
}

#quick_facts ul li {
    list-style-type: square;
}


#michael_heart_about_photo img {
    float: right;
    margin: 0px 17px 20px 50px;
    padding: 20px 0px 20px 15px;
}


#michael_heart_about_photo_smaller {
    display: none;
}



#keith_urban {
    display: none;
}


#video_interview ul li {
    list-style-type:disc;
    margin-left: 30px;
}


#rockstar {
    display: none;
}


/*------About Page Hyperlink styles--------*/

#about_inner_container a:link {
    color: #0927A2;
}

/* visited link */
#about_inner_container a:visited {
    color: #0927A2;
}

/* mouse over link */
#about_inner_container a:hover {
    color: #f25b08;
    font-weight: bold;
}

/* selected link */
#about_inner_container a:active {
    color: #f25b08;
}



/*----------------Human Rights----------*/

#human_rights_outer_container {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/Textures/Songs_for_Causes_Background_Texture_resized.jpg);
/*    background: black; /* For browsers that do not support gradients */
/*    background: -webkit-linear-gradient(#2a3648, #0e1015); /* For Safari 5.1 to 6.0 */
/*    background: -o-linear-gradient(#2a3648, #0e1015); /* For Opera 11.1 to 12.0 */
/*    background: -moz-linear-gradient(#2a3648, #0e1015); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0e1015, #2a3648); /* Standard syntax */
    
    margin-top: -65px;
    margin-bottom: 20px;
    
}

#title_human_rights {
    display: block;
    width: 100%;
    text-align: center;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 25px;
}


#title_human_rights_small {
    display: none;
}


#title_human_rights_smallest {
    display: none;
}


#michael_heart_human_rights {
    display: none;
}


#human_rights_inner_container {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7e2e2;
    font-size: 130%;
    text-transform: none;
    text-align: left;
    padding: 3% 7% 10% 7%;
    font-weight: 10;
    color: #111111;
    letter-spacing: 0.4px;
    margin-top: 35px;
      
}


#gaza_stats_only_with_line_br {
    display: none;
}



gaza_stats_only_without_line_br {
    display: block;
}



#we_will_not_go_down_artwork_large img {
    margin: 7px 40px 20px 0px;
    height: 250px;
    width: 250px;
    float: left;
    padding: 0px 15px 10px 0px;
    margin-bottom: 20px;
    
}


#we_will_not_go_down_artwork_smaller img {
    display: none;
}


#blank_space_container_gaza h3 {
    display: none;

}


#human_rights_inner_container ul li {
    list-style-type: square;
    
}

#human_rights_inner_container ul li {
    margin-left: 300px;
}


#human_rights_inner_container h3 {
    padding-bottom: 25px;
}

#legal_notice_outer {
    border-radius: 1 1 1 1;
    background-color: darkgray;
    color: #800000;
    padding: 10px 5px;
}




/*-----------Freedom------------*/

#title_freedom {
    margin-top: 50px;
}


#freedom_artwork_large img {
    float: left;
    margin-right: 5%;
    
}


#freedom_text {
    padding-left: 0%;
    margin-top: 9%;
    margin-left: 0%;
}




#freedom_artwork_smaller {
    display: none;
}

/*----------------What About Us--------------*/

#title_what_about_us {
    margin-top: 200px;
}

#what_about_us_artwork_large img {
    float: left;
    margin-right: 5%;
    margin-bottom: 15%;
    
}

#what_about_us_artwork_smaller {
    display: none;
}


#what_about_us_text p {
    padding-left: 0%;
    margin-top: 9%;
    margin-left: 0%;
    margin-bottom: 100px;
}


/*------Songs for Causes Hyperlink styles--------*/

#human_rights_inner_container a:link {
    color: #0927A2;
}

/* visited link */
#human_rights_inner_container a:visited {
    color: #0927A2;
}

/* mouse over link */
#human_rights_inner_container a:hover {
    color: #f25b08;
    font-weight: bold;
}

/* selected link */
#human_rights_inner_container a:active {
    color: #f25b08;
}


/*-----------------Footer--------------------*/

#footer {
    clear: both;
    text-align: center;
    width: 100%;
    padding: 2%;
    color: #e7e2e2;
    font-size: 90%;
    
    
}

/*---------------------------------Media Queries---------------------------------*/
/*---------------------------------Media Queries---------------------------------*/
/*---------------------------------Media Queries---------------------------------*/



/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/


/* Extra Large Devices, Wide Screens */
@media only screen and (max-width : 3000px) {

#quick_facts {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7e2e2;
    font-size: 120%;
    text-transform: none;
    text-align: left;
    padding: 3% 7% 5% 7%;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.4px;
    margin-top: 25px;       
}
    
#human_rights_inner_container {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        background-color: #e7e2e2;
        font-size: 120%;
        text-transform: none;
        text-align: left;
        padding: 3% 5% 1% 9%;
        font-weight: 400;
        color: #000000;
        letter-spacing: 0.4px;
        margin-top: 35px;
          
}    
    
    
    
    
}

   /* ------------------------------------------------------- */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1360px) {
    
    
    /* ------------------------Header and Logo -------------------------------- */

.header {
    width: 100%;
    height: 50px;
    z-index: 1000000;
    position: fixed;
    margin: 0 auto;    
}


.active {
    background-color: #111;
    opacity: 0.9;
}



#logo {
    height: 50px;   
    width: 300px;
    float: left;     
}   


.header #logo h1 {
    margin-top: 14px;
    margin-left: 10px;    
    color: #e7e2e2;
    font-family: "Signika",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 190%;
    font-weight: 300;
    letter-spacing: 4px;
    clear: both;    
}

#logo {
    clear: both;
}




/* -------------- Navigation ------------- */

/*--in html, placed outside nav section, just before it--*/

/*--Hamburger container has nav-icon inside--*/

#hamburger_container {
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin-right: 7px;
    margin-top: 8px;
    padding: 5px;
    z-index: 1000000;    
    overflow: hidden;        
}


/*------Animated Hamburger Icon-------------*/



#nav-icon {
  width: 40px;
  height: 40px;
  position: relative;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 10000;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 70%;
  background: #e7e2e2;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
    z-index: 10000;
    
}




#nav-icon span:nth-child(1) {
  top: 3px;
    z-index: 10000;
    
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 13px;
    z-index: 10000;
}

#nav-icon span:nth-child(4) {
  top: 23px;
    z-index: 10000;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
    z-index: 10000;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    z-index: 10000;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    z-index: 10000;
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
    z-index: 10000;
}




/*------------End of Animated Hamburger Icon----------*/




/*--DO NOT DELETE!  This outer container keeps the pulldown menu in right place and right width---*/
#nav_outer_container {
    width: 375px;
    
}

#nav_outer_container_mobile {
    display: none;
}


/*Nav container position, controls dropdown width, etc--*/
nav {
    display: block;
    float: right;   
    width: 390px;     
    margin-top: 0px;
    margin-right: 0px;
    z-index: 1000;
    background-color: transparent;
    
}



/*--Unordered list - slight padding and bg color--*/
nav ul {
    max-height: 535px;    
    padding: 60px 5px;
    background: #111;
    overflow: hidden;
    display: none;
    z-index: 1000;
       
}




/*--padding for each line item--*/
nav ul li {
    padding: 4px 2px;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(#282826, #232321, #111); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#282826, #232321, #111); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#282826, #232321, #111); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#282826, #232321, #111); /* Standard syntax */
  
       
}



/*------------Font formatting and color of links--*/
nav ul li a {
    display: block;    
    text-align: center;
    padding: 0 0;
    color: #e7e2e2;
    font-size: 100%;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2.3em;
    height: 2.2em;
    
 }


/*-----Hover CSS Effects--Makes dropdown menu links grow----*/

/* Grow */
.hvr-grow {
    display: block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}


    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow:active {
    transform: scale(1.1);
    text-decoration: none;
}

/*----------------------------------------*/

/*---Orange font color for dropdown menu links-----*/
nav ul li a:hover {
    color: #f25b08;
    text-decoration: none;

   }



/*----------------Icons for Social Media----------------*/


.social_media {
    float: right;
    position: absolute;
    top: 5px;
    right: 54px; 
    list-style: none;
    line-height: 25px;        
}

.social_media li {
    display: inline-block;
    vertical-align: middle;
    
}


.social_media a {
    display: inline-block;
    padding: 5px 10px;
    color: #e7e2e2;
}


/*---CSS effects for font-awesome icons------*/



/*--these social media styles below need to be in that exact order for them to work properly-----------*/

.social_media li a:link {
    color: #e7e2e2;
    
}


.social_media li a:visited {
    color: #e7e2e2;
    
}

.social_media li a:hover {
    color: #f25b08;
       
}


.social_media li a:active {
    color: #f25b08;
    font-weight: bold;
}





/*-----------------Index Page-----------------------------*/

#index_outer_container {
    
    background-image: url(images/Textures/Music_Background_Texture_resized.jpg);
}


/*--This code removes link hover underline for video slider--*/


#rev_slider_1 a:link {
    text-decoration: none;
}

#rev_slider_1 a:hover {
    text-decoration: none;
}

#rev_slider_1 a:visited {
    text-decoration: none;
}

#rev_slider_1 a:active {
    text-decoration: none;
}

/*-----------------------Music Section------------------------*/


#music_title_line_break_phone_only {
    display: none;
} 


#music_outer_container {
    width: 100%;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0e1015, #2a3648); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0e1015, #2a3648); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0e1015, #2a3648); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0e1015, #2a3648); /* Standard syntax */
    
    margin-top: -20px;
    padding-bottom: 50px;
    background-image: url(images/Textures/Music_Background_Texture_resized.jpg);       
}



#title_music {
    width: 100%;
    text-align: center;
    
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 100;
    letter-spacing: 4px;   
}

#title_music_small {
    display: none;
}


#title_music_smallest {
    display: none;
}


#michael_heart_music {
    display: none;
    
}


/*--purposely less bottom padding than spotify, for how it looks on phone--*/
#itunes_outer {        
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 10px;
    
}


#spotify_outer {        
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 60px;
    
}


#itunes_outer img {
    margin-bottom: 10px;
}

#spotify_outer img {
    margin-bottom: 10px;
}


#itunes_playlist_outer_container {
    width: 250px;
    height: 370px;
    margin: 0 auto;
    overflow: scroll;
}


/*----This is itunes player-------*/
#itunes {
    margin: 0 auto;    
    text-align: center;
    padding-top: 3%;   
}


#spotify_playlist_outer_container {
    width: 250px;
    height: 370px;
    margin: 0 auto;
    overflow: hidden;
}


/*----This is spotify player-------*/
#spotify {    
    margin: 0 auto;    
    text-align: center;
    padding-top: 3%;
}




/*--------------Photos Section---------------*/

#photos_overall_outside_container {
    background-image: url(images/Textures/Photos_Background_Texture_resized.jpg);
    width: 100%;
}


#photos_outer_container {
    display: block;
}
    
    
.container-fluid {
    width: 100%;
}    


#photo_gallery1_mobile_only {
    display: none;
    width: 100%
}


#photo_gallery2_mobile_only {
    display: none;
    width: 100%;   
}
        

#title_photos {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 100;
    letter-spacing: 4px;
}

#title_photos_small {
    display: none;
}

#title_photos_smallest {
    display: none;
}


#title_photos2 {
    display: none;
}

  

#michael_heart_photos {
    display: none;
}


#photos_outer_container {
    align-self: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important; 
}


#bryan_adams_photo_header {
    display: none;
}

#temp_line_break_photo_page_mobile_only {
    display: none;
}

/*----------------About Page----------------*/

#eighties_rock {
    display: none;
}

#about_outer_container {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0e1015, #2a3648); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0e1015, #2a3648); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0e1015, #2a3648); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0e1015, #2a3648); /* Standard syntax */
    
    background-image: url(images/Textures/About_Background_Texture_resized.jpg); 
    margin-top: -25px;
    margin-bottom: 20px;
    padding-bottom: 45px;
    
}


#bryan_adams_about_page {
display: none;
}




#title_about {
    display: block;
    width: 100%;
    text-align: center;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 25px;
}

#title_about_small {
    display: none;
}

#title_about_smallest {
    display: none;
}

#about_michael_heart {
    display: none;
}


#about_inner_container {
    width: 100%;
    margin-left: auto;
    margin-right: auto; 
    text-align: center;    
}

#don_henley_tom_petty {
    display: none;
}


#quick_facts {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7e2e2;
    font-size: 120%;
    text-transform: none;
    text-align: left;
    padding: 3% 7% 5% 7%;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.4px;
    margin-top: 25px;       
}

#quick_facts ul li {
    list-style-type: square;
}


#michael_heart_about_photo img {
    float: right;
    margin: 0px 17px 20px 50px;
    padding: 20px 0px 20px 15px;
}


#michael_heart_about_photo_smaller {
    display: none;
}



#keith_urban {
    display: none;
}


#video_interview ul li {
    list-style-type:disc;
    margin-left: 30px;
}


#rockstar {
    display: none;
}


/*------About Page Hyperlink styles--------*/

#about_inner_container a:link {
    color: #0927A2;
}

/* visited link */
#about_inner_container a:visited {
    color: #0927A2;
}

/* mouse over link */
#about_inner_container a:hover {
    color: #f25b08;
    font-weight: bold;
}

/* selected link */
#about_inner_container a:active {
    color: #f25b08;
}



/*----------------Human Rights----------*/

#human_rights_outer_container {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/Textures/Songs_for_Causes_Background_Texture_resized.jpg);
/*    background: black; /* For browsers that do not support gradients */
/*    background: -webkit-linear-gradient(#2a3648, #0e1015); /* For Safari 5.1 to 6.0 */
/*    background: -o-linear-gradient(#2a3648, #0e1015); /* For Opera 11.1 to 12.0 */
/*    background: -moz-linear-gradient(#2a3648, #0e1015); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#0e1015, #2a3648); /* Standard syntax */
    
    margin-top: -65px;
    margin-bottom: 20px;    
}

#title_human_rights {
    display: block;
    width: 100%;
    text-align: center;
    color: #e7e2e2;
    font-size: 100%;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 25px;
}


#title_human_rights_small {
    display: none;
}


#title_human_rights_smallest {
    display: none;
}


#michael_heart_human_rights {
    display: none;
}


#human_rights_inner_container {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7e2e2;
    font-size: 120%;
    text-transform: none;
    text-align: left;
    padding: 3% 7% 10% 7%;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.4px;
    margin-top: 35px;      
}


#gaza_stats_only_with_line_br {
    display: none;
}



gaza_stats_only_without_line_br {
    display: block;
}



#we_will_not_go_down_artwork_large img {
    margin: 7px 40px 20px 0px;
    height: 250px;
    width: 250px;
    float: left;
    padding: 0px 15px 10px 0px;
    margin-bottom: 20px;    
}


#we_will_not_go_down_artwork_smaller img {
    display: none;
}


#blank_space_container_gaza h3 {
    display: none;
}


#human_rights_inner_container ul li {
    list-style-type: square;    
}

#human_rights_inner_container ul li {
    margin-left: 300px;
}


#human_rights_inner_container h3 {
    padding-bottom: 25px;
}

#legal_notice_outer {
    border-radius: 1 1 1 1;
    background-color: darkgray;
    color: #800000;
    padding: 10px 5px;
}



/*-----------Freedom------------*/

#title_freedom {
    margin-top: 50px;
}


#freedom_artwork_large img {
    float: left;
    margin-right: 7%;    
}


#freedom_text {
    padding-left: 10%;
    margin-top: 9%;
    margin-left: 24%;
}


#freedom_artwork_smaller {
    display: none;
}

/*----------------What About Us--------------*/

#title_what_about_us {
    margin-top: 200px;
}

#what_about_us_artwork_large img {
    float: left;
    margin-right: 7%;
    margin-bottom: 15%;    
}

#what_about_us_artwork_smaller {
    display: none;
}


#what_about_us_text p {
    padding-left: 10%;
    margin-top: 9%;
    margin-left: 24%;
    margin-bottom: 100px;
}


/*------Songs for Causes Hyperlink styles--------*/

#human_rights_inner_container a:link {
    color: #0927A2;
}

/* visited link */
#human_rights_inner_container a:visited {
    color: #0927A2;
}

/* mouse over link */
#human_rights_inner_container a:hover {
    color: #f25b08;
    font-weight: bold;
}

/* selected link */
#human_rights_inner_container a:active {
    color: #f25b08;
}


/*-----------------Footer--------------------*/

#footer {
    clear: both;
    text-align: center;
    width: 100%;
    padding: 2%;
    color: #e7e2e2;
    font-size: 90%;    
}    
    
    
    
    
    
    
    
}




/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/





/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
            
        #we_will_not_go_down_artwork_large {
            margin-bottom: -20px;
        }

    }



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1189px) {
    
    
   
}



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1151px) {
    
    #we_will_not_go_down_artwork_large {
            margin-top: 40px;
        }
    
    
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1137px) {
    
    #we_will_not_go_down_artwork_large {
            margin-top: 30px;
        }
    
    
}


/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1082px) {
        
        #title_what_about_us {
            margin-top: 23%;
            
        }
        


    }


/* Medium Devices, Desktops */
@media only screen and (max-width : 1053px) {
    
    #we_will_not_go_down_artwork_large {
        margin-top: 10px;
    
    }
    
    #gaza_text_partial_container {
        margin-right: 20px;
    }



    #temp_line_break_gaza_stats {
        display: block;
}
    
}    
    


/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
    

    .header #logo h1 {
        margin-left: 17px;
        

}
    
    
    nav ul {
    max-height: 600px;    
    padding: 60px 5px;
    background: #111;
    overflow: hidden;
    display: none;
    z-index: 5000;
    
    
}        
        
        
        
    nav ul li a {
    display: block;    
    text-align: center;
    padding: 0 0;
    color: #e7e2e2;
    font-size: 100%;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    height: 2.6em;
    
 }
        
    
    
}





    
/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

        

        
        .header #logo h1 {
        font-size: 175%;
        font-weight: 300;
        letter-spacing: 4px;
        

        }
        
        
        
    /*---no change in font size for title music----*/    
        #title_music {
        display: block;
        width: 100%;
        text-align: center;    
        margin-bottom: 35px;
        text-transform: uppercase;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 100;
        letter-spacing: 4px;
    
}
        
        #title_music_small {
        display: none;
        }
        
        #title_music_smallest {
        display: none;
        }
        
/*---no change in font size for title photos----*/         
        #title_photos {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: -30px;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 100;
        letter-spacing: 4px;
}
        
        #title_photos_small {
        display: none;
}

        #title_photos_smallest {
        display: none;
}
        
/*---no change in font size for title about----*/         
        #title_about {
        display: block;
        width: 100%;
        text-align: center;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 25px;
}

        #title_about_small {
        display: none;
}

        #title_about_smallest {
        display: none;
}
        
        #quick_facts img {
            padding-top: 40px;
            padding-bottom: 10px;
            padding-left: 20px;
            overflow: hidden;
        }
        
        
/*---no change in font size for title human rights----*/ 
        #title_human_rights {
        display: block;
        width: 100%;
        text-align: center;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 25px;
}


#title_human_rights_small {
        display: none;
}


#title_human_rights_smallest {
        display: none;
}
 
    
/*---no change in image size----*/         
#we_will_not_go_down_artwork_large img {
    margin: 7px 40px 20px 0px;
    height: 250px;
    width: 250px;
    float: left;
    padding: 0px 15px 10px 0px;
    
}


#we_will_not_go_down_artwork_smaller img {
    display: none;
}
        
        
        
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 975px) {
    
    #gaza_text_partial_container {
    margin-right: 20px;
    }
    
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 963px) {

#freedom_artwork_large img {
    float: left;
    margin-right: 7%;
    margin-bottom: 0px;
  }
     

    
    #freedom_text {
    padding-left: 10%;
    margin-top: 9%;
    margin-left: 24%;
    margin-bottom: 0px;
}


/* Medium Devices, Desktops */
    @media only screen and (max-width : 879px) {
    
        #title_what_about_us {
        margin-top: 20%;
            
        }
        
    }
    
    
/* Medium Devices, Desktops */
@media only screen and (max-width : 865px) {
    
    
/*--slight adjustment to position of spotify player, compared to itunes--*/    
    #spotify_playlist_outer_container {
    width: 250px;
    height: 370px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 5px;
}
    
    
    
    
    #freedom_text {
    padding-left: 10%;
    margin-top: 6%;
    margin-left: 24%;
}
 
    
    #title_what_about_us {
    margin-top: 23%;
            
        }
    
    
    #what_about_us_text {
    padding-left: 10%;
    margin-top: 4%;
    margin-left: 4%;
    margin-bottom: 100px;
        
    
}
 
    #what_about_us_artwork_large img {
    float: left;
    margin-right: 7%;
    
    
}
    
    
}

    

/* Medium Devices, Desktops */
    @media only screen and (max-width : 835px) {
       
    #what_about_us_text {
    padding-left: 10%;
    margin-top: -2%;
    margin-left: 4%;
    margin-bottom: 100px;
        
    
}

        
    }
    

    
    
/* Medium Devices, Desktops */
@media only screen and (max-width : 804px) {
    
    #gaza_text_partial_container {
    margin-right: 10px;
    }
    
    
}    
    
 

    /* Medium Devices, Desktops */
@media only screen and (max-width : 793px) {
    
    #gaza_text_partial_container {
    margin-right: 20px;
    }
    
    
}  
    
    
    
/* Small Devices, Tablets */
    @media only screen and (max-width : 785px) {  
        
        #title_what_about_us {
        margin-top: 20%;
            
        }
    
    
    }  
    
    
    /* Small Devices, Tablets */
    @media only screen and (max-width : 781px) {
         
    #what_about_us_text {
    padding-left: 10%;
    margin-top: -4%;
    margin-left: 4%;
    margin-bottom: 100px;
        
    
}   
        
    }
    
    
    
    
/*------------- Small Devices, Tablets -------------*/
    @media only screen and (max-width : 768px) {


        
.header {        
height: 50px;  
padding: 0 0 0 0;
margin: 0 0 0 0;
        
}
        


        
   nav ul {
    max-height: 600px;    
    padding: 60px 5px;
    background: #111;
    overflow: hidden;
    display: none;
    z-index: 5000;
       
}        
        
        
        
    nav ul li a {
    display: block;    
    text-align: center;
    padding: 0 0;
    color: #e7e2e2;
    font-size: 100%;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    height: 2.6em;
    
 }
        
        
        
   
/*---Hides social media in header-------*/
        .social_media {
        display: none;
        position: absolute;
        top: 45px;
        right: 10%;
        left: 10%;
        z-index: 10000;
        list-style: none;
        line-height: 25px;  
        max-width: 100%;        
        text-align: center;
    
}
        
/*-- no longer needed??----       
        .social_media a {
        display: inline-block;
        padding: 5px 10px;
    
}  
*/
        
        .header #logo h1 {
        font-size: 160%;
        font-weight: 300;
        letter-spacing: 4px;
        margin-top: 20px;
}
 
        
        #title_music_small {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
        text-transform: uppercase;
        color: #e7e2e2;            
        font-size: 100%;
        font-weight: 100;
        letter-spacing: 4px;
        margin-left: 1%;
    
}
        
        
        #title_music_smallest {
        display: none;
    
}
        
        #title_music {
            display: none;
        }
        
        
        #spotify_outer {        
        margin-bottom: 40px;
        text-align: center;
        padding-bottom: 20px;
    
}
        
        
        
        
        #title_photos_small {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 100;
        letter-spacing: 4px;
        }
        
        #title_photos {
        display: none;
        }
        
        
        #title_photos_smallest {
        display: none;
        }

        
        #title_about_small {
        display: block;
        width: 100%;
        text-align: center;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 25px;
        
}

        #title_about {
        display: none;
}

        #title_about_smallest {
        display: none;
}
        
 
        #quick_facts img {
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 20px;
}
        
     
        #quick_facts {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        background-color: #e7e2e2;
        font-size: 123%;
        text-transform: none;
        text-align: left;
        padding: 3% 7% 5% 7%;
        font-weight: 400;
        color: #000000;
        letter-spacing: 0.4px;
        margin-top: 25px;
       
}    
        
        
        
        #title_human_rights {
        display: none;

}


        #title_human_rights_small {
        display: block;
        width: 100%;
        text-align: center;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 25px;
}


        #title_human_rights_smallest {
        display: none;
}
     
        
        #human_rights_inner_container {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        background-color: #e7e2e2;
        font-size: 123%;
        text-transform: none;
        text-align: left;
        padding: 3% 6% 10% 7%;
        font-weight: 400;
        color: #000000;
        letter-spacing: 0.4px;
        margin-top: 35px;
    
       
}
        
        
        
        #we_will_not_go_down_artwork_large img {
        display: none;
        
}


        #we_will_not_go_down_artwork_smaller img {
        display: block;
        float: left;
        margin-top: 30px;
        margin-right: 60px;
        margin-bottom: 40px;
     

}
        
        
        
        
        #human_rights_inner_container ul li {
        margin-left: 0px;
        margin-right: 30px;
}       
 
        
        #freedom_artwork_large img {
        display: none;

    
}


        #freedom_artwork_smaller {
        display: block;
        float: left;
        margin-right: 50px;
        margin-bottom: 30px;
}      
        
 
        #freedom_text {
        padding-left: 10%;
        margin-top: 0%;
        margin-left: 24%;
}
        

        
        
#what_about_us_artwork_large img {
    display: none;

    
}

#what_about_us_artwork_smaller {
    display: block;
    float: left;
    margin-right: 50px;
    margin-bottom: 30px;
}
        
    #what_about_us_text {
    padding-left: 10%;
    margin-top: -6%;
    margin-left: 4%;
    margin-bottom: 100px;
        
    
}      
        
        
}

    
/* Additional Query - Between ipad and phones */ 
@media only screen and (max-width : 731px) {
    
    #title_what_about_us {
    margin-top: 15%;
            
        }
    }
    

/* Additional Query - Between ipad and phones */ 
@media only screen and (max-width : 718px) {
    
/*--text moves from side of images to below images---*/    
    
    #freedom_artwork_smaller {
        display: block;
        float: none;
        clear: both;
        
} 
    
    #freedom_text {
        margin-left: 0px;
        padding-left: 0px;
        text-align: left;
        clear: both;
               
}   
    
 #what_about_us_artwork_smaller {
    display: block;
    float: none;
    clear: both;
    margin-right: 50px;
    
}
        
    #what_about_us_text {
    display: block;
    
    padding-left: 0%;
    margin-top: -6%;
    margin-left: -53% !important;
    margin-bottom: 100px;
   
}   


    
    
}

/* Additional Query - Between ipad and phones */ 
@media only screen and (max-width : 736px) {


    

/*---Main dropdown disappears for mobile---*/
#nav_outer_container {
    display: none;
    
}

/*----Shorter Dropdown for Mobile Only-------*/   
        
#nav_outer_container_mobile {
    position: absolute;
    display: block;
    width: 100%;
    
    
}  
    
nav {
    position: absolute;
    width: 100%;

}
    
    nav ul {
        margin-top: -18px;
    }
    
    
nav ul li a {
    display: block;    
    text-align: center;
    padding: 0 0;
    color: #e7e2e2;
    font-size: 100%;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2.7em;
    height: 2.8em;
    
 }    
        
  
.social_media_mobile_only {
display: inline-block;
        }        
        
  
#mobile_dropdown_email_icon {
    float: left;
}
        
        
#mobile_dropdown_facebook_icon {
float: left;
}
        
        
#mobile_dropdown_twitter_icon {
    float: left;
}        


#mobile_dropdown_youtube_icon {
    float: left;
} 


#mobile_dropdown_itunes_icon {
    float: left;
}   


#mobile_dropdown_spotify_icon {
    float: left;
}    



#mobile_dropdown_gofundme_icon {
    float: left;
    margin-top: -7px;
}

/*--Styling mobile dropdown social icons----*/
        

.social_media_mobile_only {
/*--to center icons in line---*/    
    position: relative;
    left: 50%;
    transform: translateX(-50%); 
    list-style: none;
    line-height: 25px; 
       
}

.social_media_mobile_only li {
    display: inline-block;
    vertical-align: middle;
    
}


.social_media_mobile_only a {
    display: inline-block;
    padding: 5px 20px;
    color: #e7e2e2;
}


/*---CSS effects for font-awesome icons------*/


/*--these social media styles below need to be in that exact order for them to work properly-----------*/

.social_media_mobile_only a:link {
    color: #e7e2e2;
    
}


.social_media_mobile_only a:visited {
    color: #e7e2e2;
    
}

.social_media_mobile_only a:hover {
    color: #f25b08;
    
    
}


.social_media_mobile_only a:active {
    color: #f25b08;
    font-weight: bold;
}

     
        
/*----------------------------------*/        
    
    
    
    
    
    
    nav {
        width: 100%;
    }
    
    

    #michael_heart_about_photo img {
    display: none;
    float: none;
    margin: 0px 17px 20px 20px;
    
}
    
    
    #michael_heart_about_photo_smaller {
    display: block;
    float: right;
    margin: 0px 17px 20px 20px;
    
}
    


}

    
 /* Additional Query - Between ipad and phones */ 
    @media only screen and (max-width : 689px) {
    
    nav {
    margin-top: -50px;
    margin-right: 0px;
            
        }
        
        

        
        
    }   
    
    
    
    
    
/* Additional Query - Between ipad and phones */ 
@media only screen and (max-width : 675px) {
    
        #freedom_artwork_smaller {
        display: block;
        float: none;
        margin-right: 0px;
        margin-bottom: 30px;
} 
    
        #freedom_text {
        padding-left: 0%;
        margin-top: 5%;
        margin-left: 0%;
        margin-right: 6%;
}
    
    
    
    
}
    

/* Additional Query - Between ipad and phones */ 
@media only screen and (max-width : 630px) {
    
        #we_will_not_go_down_artwork_smaller img {
        display: block;
        float: left;
        margin-right: 50px;
        margin-bottom: 30px;
     

}
    
    
    
}


/* Additional Query - Between ipad and phones */ 
@media only screen and (max-width : 610px) {
 
    


    #hamburger_container {
        z-index: 100000;
    }
    
    
    #nav-icon {
        z-index: 100000;
    }
    
    
    
    #nav-icon span {
        z-index: 100000;
    }
    
    
    
    #nav-icon span:nth-child(1) {
        z-index: 100000;
    }
    
    
    #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
        z-index: 100000;
    }
    
    
    #nav-icon span:nth-child(4) {
        z-index: 100000;
    }
    
    
    #nav-icon.open span:nth-child(1) {
        z-index: 100000;
    }
    
    
    #nav-icon.open span:nth-child(2) {
        z-index: 100000;
    }
    
    
    #nav-icon.open span:nth-child(3) {
        z-index: 100000;
    }
    
    
    #nav-icon.open span:nth-child(4) {
        z-index: 100000;
    }
    
    
    
    .header {
        z-index: 10000;
    }    
    
    
    
    
nav {
    display: block;
  
    width: 100%;     
    margin-top: -30px;

    z-index: 1000;

    
}
    
    
    nav ul li a {

    height: 2.7em;
    
 }
    
    
/*----text moves from side of image to underneath-----*/
        #we_will_not_go_down_artwork_smaller img {
        display: block;
        float: none;
        margin-left: 0px;
        margin-bottom: 30px;     

}
    
    
    
}




/* Additional Query - Between ipad and phones */ 
@media only screen and (max-width : 585px) {
    
    #photos_overall_outside_container {
        margin-top: -40px;
    }

    
    
/*-----------Photo Gallery for Mobile Only-----------*/
    
    
    
    #photos_outer_container {
    display: none;
}


    #photo_gallery1_mobile_only {
    display: block;
    width: 100%;  
    margin-bottom: 100px;    

}  
    
    
        #title_photos2 {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: -30px;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 100;
        letter-spacing: 4px;
} 
    
        
    #photo_gallery2_mobile_only {
    display: block;
    width: 100%;   
        
    }
        
      
    #temp_line_break_photo_page_mobile_only {
        display: block;
    }
        
/*------------End Photo Gallery for Mobile Only--------*/  
    
    

   
/*--------photo moves to far left side of page ------------*/   
    #michael_heart_about_photo_smaller {
    display: block;
    float: none;
    margin: 10px 5px -10px -30px;

}
    
    #human_rights_outer_container {
        margin-top: -70px;
    }

    
}





/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

   
        #body {
        background-image: url(images/Textures/About_Background_Texture.jpg) !important;            
        }
        
        
        .header #logo h1 {
        font-size: 130%;
        font-weight: 300;
        letter-spacing: 4px;
        margin-top: 22px;

}
        
        
        
        nav ul {
        max-height: 580px;    
        padding: 60px 5px;
        background: #111;
        overflow: hidden;
        display: none;
        z-index: 5000;    
}
        
        nav ul li a {
        display: block;    
        text-align: center;
        padding: 0 0;
        color: #e7e2e2;
        font-size: 100%;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        letter-spacing: 0.1em;
        line-height: 3.3em;
        height: 3.4em;
    
 }
        
 
        .social_media_mobile_only a {
        display: inline-block;
        padding: 25px 25px;
        color: #e7e2e2;
        }
 
     
        #index_outer_container {
            margin-bottom: 20px;
            background-image: url(images/Textures/About_Background_Texture.jpg) !important;
            
            
        }
        
        
        #index_slider {
            background-image: url(images/Textures/About_Background_Texture.jpg) !important;
    /*---This code supposed to ensure height of slider is 100% regardless of resolution, but might not be supported with older browsers---*/
            
            
        }
        
        
        #title_music {
        display: none;

    
}
        
        #title_music_small {
        display: none;
        }

      
        #title_music_smallest {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #e7e2e2;            
        font-size: 100%;
        font-weight: 100;
        letter-spacing: 4px;
        margin-left: 2%;
    
}
        
        
        #music_outer_container {
            
        }
        
        
        #spotify_outer {        
        margin-bottom: 40px;
        text-align: center;
        padding-bottom: 10px;
    
}
     
        #title_photos_smallest {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
        text-transform: uppercase;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 100;
        letter-spacing: 4px;
} 
        
        #title_photos {
        display: none;
        }
        
        
        #title_photos_small {
        display: none;
        }
        
        
      
        
        
        #title_about_smallest {
        display: block;
        width: 100%;
        text-align: center;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 25px;
}

        #title_about {
        display: none;
}

        #title_about_small {
        display: none;
}
   
        
        #title_quick_facts {
            text-align: center;
        }    
    
        #quick_facts {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        background-color: #e7e2e2;
        font-size: 123%;
        text-transform: none;
        text-align: left;
        padding: 5% 6% 5% 12%;
        font-weight: 400;
        color: #000000;
        letter-spacing: 0.4px;
        margin-top: 25px;
       
}            
        
        
        
        
        #title_human_rights {
        display: none;

}


        #title_human_rights_small {
        display: none;

}


        #title_human_rights_smallest {
        display: block;
        width: 100%;
        text-align: center;
        color: #e7e2e2;
        font-size: 100%;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-top: 25px;
}
        
        
        #human_rights_inner_container {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        background-color: #e7e2e2;
        font-size: 120%;
        text-transform: none;
        text-align: left;
        padding: 3% 5% 1% 9%;
        font-weight: 400;
        color: #000000;
        letter-spacing: 0.4px;
        margin-top: 35px;
          
}
        
        
        #gaza_stats_only_with_line_br {
        display: block;
        padding-left: 35px;
        line-height: 1.4;
        }
        
        
        #gaza_stats_only_without_line_br {
            display: none;
        }
        
        
        
        #gaza_text_partial_container {
        margin-right: 8px;
            
        }
        
        

        
        
        #legal_notice_outer {
            width: 90%;
        }    
        
}



    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 361px) {
    
     
        
        
#hamburger_container {
width: 30px;
height: 30px;
display: block;
float: right;
margin-right: 10px;
margin-top: 6px;
padding: 5px;
z-index: 10000;    
overflow: hidden;

        
}
        
        
/*----Smaller Hamburger Icon---------*/
 
#nav-icon {
  width: 35px;
  height: 30px;
  position: relative;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 10000;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 65%;
  background: #e7e2e2;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
    z-index: 10000;
    
}

        
        
#nav-icon span:nth-child(1) {
  top: 2px;
    z-index: 10000;
    
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 9px;
    z-index: 10000;
}

#nav-icon span:nth-child(4) {
  top: 16px;
    z-index: 10000;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
    z-index: 10000;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    z-index: 10000;
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    z-index: 10000;
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
    z-index: 10000;
}


/*----------------------------------*/        
        
   
        
        
 #logo {
    height: 50px;   
    width: 200px;
    float: left;            
}   


.header #logo h1 {
    margin-top: 14px;
    margin-left: 10px;    
    color: #e7e2e2;
    font-family: "Signika",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 100%;
    font-weight: 300;
    letter-spacing: 4px;
    clear: both;
    
}
        

/*--Make room for logo and hamburger at top--*/
        
#index_outer_container {
margin-top: 40px;
    margin-bottom: 30px;
}   

        #music_title_line_break_phone_only {
            display: block;
        }   

/*---------------------*/        
        
#quick_facts {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7e2e2;
    font-size: 123%;
    text-transform: none;
    text-align: left;
    padding: 3% 7% 5% 7%;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.4px;
    margin-top: 25px;
       
}        
        
    #title_human_rights_smallest h4 {
    width: 70%;
/*----To center----------*/    
        position: relative;
    left: 50%;
    transform: translateX(-50%); 


    }     
        
        
        
}